画布drawImage:尝试裁剪和拉伸

时间:2015-07-07 18:43:10

标签: html5 html5-canvas crop drawimage

我尝试了很多替代方案,但是每种方法都没有产生将图像从新的sx拉伸到画布末尾的理想结果。

enter image description here

1 个答案:

答案 0 :(得分:1)

我将假设图像显示您想要发生的事情,而不是实际发生的事情。您可以在drawImage调用中完成所有这些操作。您通常不会看到以这种方式解释的参数,但我认为这对您想要做的事情有所帮助。

ctx.drawImage(imgSrc, cropX, cropY, cropWidth, cropHeight, drawAtX, drawAtY, drawWidth, drawHeight);

https://jsfiddle.net/yLf5erut/2/