Canvas drawImage：尝试裁剪和拉伸
Posted
技术标签:
【中文标题】Canvas drawImage：尝试裁剪和拉伸【英文标题】：Canvas drawImage: Trying to crop and stretch 【发布时间】：2015-07-07 18:43:09 【问题描述】：我尝试了很多替代方法，但每种方法都没有产生将图像从新的sx 拉伸到画布末端的预期结果。
【问题讨论】：
【参考方案1】：我将假设图像显示的是您想要发生的事情，而不是实际发生的事情。您可以在 drawImage 调用中完成所有这些操作。您通常不会看到以这种方式解释的参数，但我认为这对您想要做的事情有所帮助。
ctx.drawImage(imgSrc, cropX, cropY, cropWidth, cropHeight, drawAtX, drawAtY, drawWidth, drawHeight);
https://jsfiddle.net/yLf5erut/2/
【讨论】：
以上是关于Canvas drawImage：尝试裁剪和拉伸的主要内容，如果未能解决你的问题，请参考以下文章
canvas使用图像(绘制图、图像平铺、图像剪裁、像素处理、绘制文字)
(Canvas | Discord.js) 我正在尝试使用 `ctx.drawImage(background, 0, 0, canvas.width, canvas.height)` 设置背景，但该