html5 canvas drawImage图片模糊

问题：当使用如下设置时，图片显示模糊
javascript

var img=new Image();img.src="http://www.w3school.com.cn/i/eg_tulip.jpg";img.addEventListener('load', function(){var cvs=$("#cvs")[0];var ctx = cvs.getContext('2d');ctx.drawImage(img,30,10,100,70);}, false);

html 文件

<canvas style="width:100px;height:100px" ></canvas>

解决办法：
只能在标签里写width =某数字, 不能加 ‘px’ ,也不能写成 ‘100%’ ,也不能写在style里, 想动态修改只能 用document.getElementById(‘cvs’).width=123;

<canvas width="100" height="100" ></canvas>