svg - 通过 SVG 变形

Question

是否可以对 SVG 中的图像应用扭曲变换？目标是“弯曲”图像，就好像它被卡在圆柱体上一样，因此从这里开始：

对此：

标签： svg

Answer 1

不，不容易。

SVG 只支持仿射变换。

如果您的 SVG 是纯矢量，您可以通过使用自己的非仿射变换代码操作路径点来实现效果。但这不适用于位图图像。

但是，您可以使用 Canvas 元素扭曲位图。或者也许使用 WebGL。