morphing-slider.js

笔记 目的 创建可以轻松用作Web UI的图像变形效果！ 在EC网站上变形模型照片的幻灯片。 实施目标 当给两个或多个图像指定相应的点时（例如，分别指定脸部的位置），它们将被变形。这可以通过结合使用纹理映射的图像变换和可改变透明度的淡入/淡出来实现（我认为）。 纹理贴图 这是通过将图像划分为多个三角形，通过仿射变换使每个图像变形并绘制来实现的。 上面的许多示例很容易，因为它们使用以网格图案排列的三角形，但是我想在任意点上划分图像（我想将其划分为具有任意坐标的三角形）。 有必要从三点变换之前和之后的坐标中获得仿射变换矩阵。这是参照。 德劳内 如果要生成三角形以在纹理映射期间从任何点进行分割（单击）将使用Delaunay图（Delaunay三角剖分）。 Delaunay图的实现非常复杂（如果我尽力而为，可以自己编写，但是这很烦人），因此我决定使用d3.js方法。 MorphingSlider