SVG FEOffset.in1 属性介绍

1. 属性说明

SVG（可缩放矢量图形）FEOffset.in1 属性被用于定义一个输入源，它将作为偏移滤镜效果的基础。偏移滤镜会根据输入源的像素值来对图像进行偏移处理。

2. 属性类型

该属性是一个SVG属性，用于表示一个输入源图像。

3. 属性值

属性值可以是任何合法的SVG图像标识，如以下示例：

<image id="image" xlink:href="image.jpg" />
<rect id="rect" x="0" y="0" width="100" height="100" fill="red" />

4. 基本示例

下面是一个基本的SVG示例，展示了如何使用 FEOffset.in1 属性：

<svg>
  <filter id="offsetFilter">
    <feOffset in="SourceGraphic" dx="10" dy="10" result="offsetResult" />
  </filter>
  
  <image xlink:href="image.jpg" filter="url(#offsetFilter)" />
</svg>

5. 常见属性

FEOffset.in1 属性通常与其他滤镜效果属性一起使用，例如 feOffset 的 dx 和 dy 属性来定义偏移量。

6. 注意事项

• 属性值必须是有效的SVG图像标识。
• 属性值可以是一个具体的SVG元素（如 <image>、<rect>），也可以是由其他滤镜效果生成的结果。

为了更好地理解 FEOffset.in1 属性的用法和作用，建议查阅相关的SVG文档和示例代码。