我在 Canvas 中创建了一个形状，想在其中绘制图像。
到目前为止，我可以将图像剪裁成形状，但我希望图像通过自由变换 -> 扭曲效果或类似效果自行调整。
在例子中:
- 左边的图片是裁剪后的。
- 右边的图片是原图。
- 底部的图片是我想要达到的结果。
代码可以在这里看到:http://jsfiddle.net/NAe9c/
代码结果可以在这里看到:http://www.tribalddb.pt/final.jpg
编辑:
谢谢大家
我接受了这个问题的答案，但我找到了解决我的问题的另一种方法，CSS 3D。
我到现在才知道 =P
最佳答案
是的，你可以把东西画平，然后用透视图渲染它们。您不能简单地使用 2D 变换来完成它，因此如果您想使用 2D 上下文但没有什么疯狂的，那么就需要一些数学知识。
我建议搜索“canvas perspective transform”，你会发现很多演示，比如这个:
关于javascript - 绘制成 Canvas 形状的图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10700477/