context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);
img 规定要使用的图像、画布或视频。
sx 可选。开始剪切的 x 坐标位置。
sy 可选。开始剪切的 y 坐标位置。
swidth 可选。被剪切图像的宽度。
sheight 可选。被剪切图像的高度。
x 在画布上放置图像的 x 坐标位置。
y 在画布上放置图像的 y 坐标位置。
width 可选。要使用的图像的宽度。(伸展或缩小图像)
height 可选。要使用的图像的高度。(伸展或缩小图像)
在IE浏览器下使用canvas的drawImage时,需要注意,若img的宽度和高度小于被剪裁图像的宽高(swidth,sheight)时,
IE会报IndexSizeError的错误。
**解决方法:**
将被剪裁图像的宽高(swidth,sheight)换成img的宽高即可,
若你是使用于放大镜功能,就需要调整显示图像的宽高。