SVG<feDisplacementMap>元素

SVG 代表可缩放矢量图形。它可以用来制作图形和动画，就像在 HTML 画布中一样。

SVG 过滤器基元用于使用置换贴图在空间上置换图像内容。产生一个结果需要两个输入。要替换的图像内容在“in2”属性中指定。应用位移效果的内容保留在“in”属性中。

句法：

属性：

• in – 它标识给定过滤器原语的输入。
• in2 – 它标识给定过滤器原语的第二个输入。它的工作原理与 in 属性完全一样。
• scale – 它定义了要在 过滤器基元上使用的置换比例因子。
• xChannelSelector – 它指示来自 in2 的哪个颜色通道用于沿 x 轴置换 ‘in’ 中的像素。
• yChannelSelector – 指示使用 in2 中的哪个颜色通道沿 y 轴置换 ‘in’ 中的像素。

示例 1：

输出：

示例 2：

输出：