<canvas class="cvs"></canvas>
如css 中设.cvs{width:500px;height:400px;},也就是css改变了canvas的尺寸,就无法在canvas中画出1px 的线条了,这是为什么呀?为什么呀?
canvas相当于一张图片,css设置的属性相当于对这张图片进行拉伸变化。要改变canvas的大小,应当用这种方式
<canvas width=500 height=400></canvas>
对应的javascript是
canvas=document.getElementsByTagName('canvas')[0];
canvas.width=500;
canvas.height=400;
换句话说,你现在画出的1px的线条实际显示的是在默认大小上经过拉伸变换的样子。
<canvas width=500 height=400></canvas>
对应的javascript是
canvas=document.getElementsByTagName('canvas')[0];
canvas.width=500;
canvas.height=400;
换句话说,你现在画出的1px的线条实际显示的是在默认大小上经过拉伸变换的样子。
温馨提示:答案为网友推荐,仅供参考