Question

html5之canvas困惑

<canvas class="cvs"></canvas>

如css 中设.cvs{width:500px;height:400px;}，也就是css改变了canvas的尺寸，就无法在canvas中画出1px 的线条了，这是为什么呀？为什么呀？

Answer 1

canvas相当于一张图片，css设置的属性相当于对这张图片进行拉伸变化。要改变canvas的大小，应当用这种方式
<canvas width=500 height=400></canvas>
对应的javascript是
canvas=document.getElementsByTagName('canvas')[0];
canvas.width=500;
canvas.height=400;

换句话说，你现在画出的1px的线条实际显示的是在默认大小上经过拉伸变换的样子。