canvas控制图片缩放

例子:













    您的浏览器不支持canvas






drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh);

参数分别表示:图片对象,从图片的X轴处,从图片的Y轴处,裁剪的宽度,裁剪的高度,从canvas的X轴处,从canvas的Y轴处,绘制的宽度,绘制的高度

如果省略第2-5个参数,默认不裁剪,按照图片实际大小绘制

注意:drawImage()函数务必写在image.onload = function(){}中

你可能感兴趣的:(canvas)