Html5 canvas HTML5画布中的drawImage（）未按预期工作

我有一个Base64映像，它是我映像的一部分。如果我使用图像的原始宽度和高度裁剪图像的右侧部分，它将按预期工作。但是，如果我缩小该图像，但使用新的缩小高度和宽度，裁剪将无法按预期工作。我也模拟了同样的情况。

说：

ctx.drawImage（image，sx，sy，sWidth，sHeight，dx，dy，dWidth，dHeight）
其中前一部分表示源图像

要使作物彼此相似，需要保持sx、sy、sWidth和SHIGHT。所以你得到：

ctx.drawImage(img,0,0,179,201,127,40,61,50);



要使用的图像：

画布：

您的浏览器不支持HTML5画布标记。
window.onload=函数（）{
var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
var img=document.getElementById（“尖叫”）；
ctx.drawImage（img，0,0179201127,40,61,50）；
ctx.drawImage（img，127110,61,50）；
ctx.drawImage（img，0,0179201497,40179201）；
ctx.drawImage（img，497240251201）；
}
注意：Internet不支持画布标记
Explorer 8和早期版本