📌  相关文章
📜  SVG FESpecularLighting.in1 属性(1)

📅  最后修改于: 2023-12-03 15:35:11.658000             🧑  作者: Mango

SVG FESpecularLighting.in1 属性介绍

SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的XML标记语言。FESpecularLighting是SVG中的一种滤镜，用于创建镜面高光的效果。在FESpecularLighting中，in1属性是用于设置输入图像的属性。

属性值

in1属性的值可以是以下之一：

  • 任何一个滤镜原语的结果
  • 任何一个元素的结果
语法
<feSpecularLighting in1="value"... />

其中value可以是任何一个SVG元素或滤镜。

实例

下面是一个例子，其中一个SVG元素是图源（背景），另一个SVG元素是FESpecularLighting滤镜。在FESpecularLighting中，in1属性被设置为“SourceGraphic”，表示输入图像是原始的背景。

<svg>
  <defs>
    <filter id="myFilter" x="0" y="0" width="200%" height="200%">
      <feSpecularLighting in1="SourceGraphic" surfaceScale="5" specularConstant="1" specularExponent="10">
        <fePointLight x="-5000" y="-10000" z="20000" />
      </feSpecularLighting>
    </filter>
  </defs>
  <rect x="30" y="30" width="120" height="120" fill="#00cc66" filter="url(#myFilter)" />
</svg>
参考文献