结果
result 属性定义了此过滤器基元的指定名称。如果提供,则处理此过滤器基元产生的图形可以通过相同 <filter> 元素中后续过滤器基元上的 in 属性进行引用。如果没有提供值,则只有在下一个过滤器基元未为其 in 属性提供值的情况下,输出才可用作隐式输入到下一个过滤器基元。
您可以将此属性与以下 SVG 元素一起使用
示例
html
<svg viewBox="0 0 220 220" xmlns="http://www.w3.org/2000/svg">
<filter id="displacementFilter">
<feTurbulence
type="turbulence"
baseFrequency="0.05"
numOctaves="2"
result="turbulence" />
<feDisplacementMap
in2="turbulence"
in="SourceGraphic"
scale="50"
xChannelSelector="R"
yChannelSelector="G" />
</filter>
<circle cx="100" cy="100" r="100" style="filter: url(#displacementFilter)" />
</svg>
使用说明
| 值 | <filter-primitive-reference> |
|---|---|
| 默认值 | 无 |
| 可动画 | 是 |
<filter-primitive-reference>-
此值是
<custom-ident>,它定义了过滤器基元的名称。它只在给定的<filter>元素内有意义,因此它只有局部作用域。相同的<filter-primitive-reference>在同一个<filter>元素中多次出现是合法的。引用时,此值将使用具有给定结果的最近一个前置过滤器基元。
规范
| 规范 |
|---|
| 过滤器效果模块级别 1 # element-attrdef-filter-primitive-result |