【问题标题】:Canvas drawImage: Trying to crop and stretchCanvas drawImage:尝试裁剪和拉伸
【发布时间】:2015-07-07 18:43:09
【问题描述】:

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

【问题讨论】:

    标签: html html5-canvas crop drawimage


    【解决方案1】:

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-10-31
      • 1970-01-01
      • 1970-01-01
      • 2017-05-08
      • 2014-03-22
      • 2011-02-07
      • 2013-05-06
      相关资源
      最近更新 更多