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>