Javascript 如何在HTML画布中将正方形转换为梯形？

如何将HTML画布从正方形转换为梯形

比如说

 ___ 
|   |
|___|

to
 ___
/___\

---

看看拉斐尔框架。

---

这应该有助于。。。虽然这不是一个完整的答案。看起来要通过一堆画布项目进行大量的数学运算。

看看raphael框架。

---

这应该有助于。。。虽然这不是一个完整的答案。看起来要通过一堆画布项目进行大量的数学运算。

要转换实际的画布元素或其中的内容吗？简单的答案是不能。画布仅支持仿射变换，这意味着缩放、旋转和倾斜。透视变换目前仅在Safari中受支持。现在，由于canvas允许像素级操作，任何事情都是可能的，但是解决方案将非常复杂，并且可能性能很差。您想转换实际的canvas元素，或者其中的内容吗？简单的答案是您不能。画布仅支持仿射变换，这意味着缩放、旋转和倾斜。透视变换目前仅在Safari中受支持。现在，由于canvas允许像素级操作，任何事情都是可能的，但解决方案将非常复杂，并且可能性能不佳。Raphael Framework似乎使用SVG图形而不是canvas。Raphael Framework似乎使用SVG图形而不是canvas。