如何使用 Canvas 自由扭曲点

Question

我想“扭曲”图像中的特定点，类似于 Photoshop 中的扭曲工具，但以 JavaScript（或 Node.js）特别是 Canvas 中的编程方式进行。

Photoshop 中的图像变形示例

我看过有关使用四元扭曲或任意扭曲效果的帖子，但我不知道如何操纵特定点或什至从哪里开始。

在完美的世界中，我正在寻找一个可以获取图像的 x,y 坐标并扭曲到另一个 x,y 坐标的函数。感谢任何帮助，谢谢。

Answer 1

您可以使用三个js或pixi js或p5 js来完成。最近我用三个js做了类似的事情。