Javascript 用于裁剪的drawImage不起作用

现在已经两天了，我一直在努力使用drawImage javascript函数，但都没有成功

我只是想裁剪图片的一部分来创建一个新的、更小的。我使用一个选择矩形来选择要复制的图片部分，但是在拍摄的区域中总是会出现偏移，而且还会出现大小错误。我到处去读这个函数，但我不知道我做错了什么。它可能是隐藏森林的那棵树

这里有一个指向测试页面的链接

---

非常感谢。

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

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

我已经更新了这些事实的演示页面的链接

---

感谢Keith的建议，你能提供一些正确的方法来检查你使用的脚本吗？这里有两个问题，首先你已经将图像大小调整为500px，但是本机图像大小是300px。。你需要考虑到这一点。另外，您选择的矩形与图像无关，。。把矩形放在左上角，应该是0,0。。但更像是30，70。，对不起，克里斯。我已经试过了，但是我没有找到添加外部资源的方法谢谢Keith，你引导我走向正确的方向！我已经更新了我的测试页面（按照提供的链接），你最好更新缓存，因为我也已经更改了css，它可能无法在第一次正确加载