读书人

html5画线有关问题

发布时间: 2012-07-31 12:33:46 作者: rapoo

html5画线问题
为什么在画布上画的线 横着或竖着的线总是比斜着画的线要粗????
声明下:我把他们的线宽都设置为了1的。
如果说是计算机矩阵排列问题,那为什么cavas的边框又是那么细呢,宽度同样是1!

[解决办法]
canvase的width、height与它的style里的width、height是等比例
比较一下:

HTML code
<!doctype><html><head><style type="text/css">#canvas1{width:200px;height:200px;}</style><script type="text/javascript">function A(){    var canvas=document.getElementById('canvas1');    var context=canvas.getContext('2d');    context.moveTo(20,20);    context.lineTo(120,20);    context.lineTo(120,120);    context.lineWidth=2;    context.stroke();}</script></head><body onload="A()"><canvas id="canvas1" width="200px" height="200px"/></body></html> 

读书人网 >CSS

热点推荐