html5之canvas困惑

<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的线条实际显示的是在默认大小上经过拉伸变换的样子。
温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网