javascript - 绘制成画布形状的图像

Question

我在画布中创建了一个形状，并想在其中绘制一个图像。

到目前为止，我可以将图像剪辑成形状，但我希望图像能够通过自由变换 -> 扭曲效果或类似效果自行调整。

在示例中：

代码可以在这里看到：http: //jsfiddle.net/NAe9c/

代码结果可以在这里看到：http ://www.tribalddb.pt/final.jpg

编辑：
谢谢大家
，我接受了这个问题的答案，但我找到了我的问题的另一种选择，CSS 3D。到现在才知道=P

score 2 · Accepted Answer

是的，您可以将事物绘制成平面并以透视方式呈现它们。您不能简单地使用 2D 变换来做到这一点，因此如果您想使用 2D 上下文但没有什么疯狂的，那么就会有一些数学问题。

我建议搜索“画布透视变换”，你会发现很多演示，比如这个：

score 0 · Accepted Answer

你需要对这样的事情进行透视校正，我认为让一个库为你做这件事会更容易，考虑过使用：

2 回答 2