SVG

SVG 是一种滤镜效果，用于将图像或对象的位置稍微向下或向右偏移一定的距离。

使用方法

需要在 SVG 元素中添加 元素，并在 中定义 ，下面是一个快速入门的例子：

<svg width="200" height="200">
  <defs>
    <filter id="offset-filter">
      <feOffset dx="8" dy="8" />
    </filter>
  </defs>

  <rect x="10" y="10" width="50" height="50" fill="#3399ff" filter="url(#offset-filter)"/>
</svg>

该代码将生成一个长宽为50px的矩形，矩形位置向下和向右偏移了8个像素。

属性

• dx：水平偏移量，可以为负值。
• dy：垂直偏移量，可以为负值。

参数说明

dx 和 dy 值越大，滤镜效果就越明显。值也可以为负数，这将导致图像或对象偏移相反的方向。

总结

以上就是 SVG 的介绍，使用这一滤镜效果可以使您的图像和对象更生动有趣。