Question

为什么canvas上画Image后非常不清晰?

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);

有没有办法解决?

Answer 1

你给<canvas width="600" height="600"></canvas>
加个宽度和高度，貌似用css去写并没有什么鸾用，所以这样加

追问

好像是这样, 只能在标签里写width =某数字, 不能加 'px' ,也不能写成 '100%' ,也不能写在style里, 想动态修改只能 用document.getElementById('cvs').width=123;
汗颜!