用于裁剪的drawImage不起作用

时间:2017-02-03 22:50:44

标签: javascript html5 html5-canvas crop drawimage

现在已经两天了,我在使用drawImage javascript函数时没有成功。

我只是尝试裁剪部分图片来创建一个新的,更小的图片。我使用选择矩形来选择要复制的图片部分,但在所拍摄的区域中始终存在偏移,并且还会出现尺寸错误。我四处寻找这个功能,但我不知道自己做错了什么。它可能是隐藏森林的树......

这是指向测试页draw tester

的链接

非常感谢提前。

1 个答案:

答案 0 :(得分:1)

最后,问题来自于drawImage仅处理图像自然维度的事实。如果因任何原因拉伸图像,则必须计算拉伸和自然尺寸之间的比率。

您还必须确保选择矩形相对于图像而不是文档或其他父元素。

我已更新指向这些事实here

的演示页面的链接

感谢Keith的好建议