KineticJS将图像转换为梯形

Question

是否可以将变换应用于图像以将其转换为梯形？

图像初始状态是矩形。 我的场景构建方式，我有一个允许在边缘上拖动的多边形，以及一个具有相同大小和位置的图像。

我希望图像具有相同的多边形形状，因此当拖动一个多边形轴时它将成为梯形。这可能吗？

Answer 1

我假设你在谈论像等腰梯形而不是简单的矩形。

答案是否定，但是是......

不，2D变换不可能 - canvas.getContext（“2d”）。这是因为2d变换使用仅进行并行变换的3x3矩阵。由于梯形是非平行的，因此无法将图像（矩形）转换为梯形。

但是，是的......你可以使用webGL（画布3D变换）进行非平行变换，因此你可以使用canvas 3D将图像转换为梯形。