result
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" filter="url(#displacementFilter)" />
</svg>
用法说明
值 | <filter-primitive-reference> |
---|---|
默认值 | None |
可动画的 | 是 |
<filter-primitive-reference>
-
该值是一个
<custom-ident>
,用于定义滤镜图元的名称。它仅在给定的<filter>
元素内有意义,因此具有局部作用域。同一个<filter-primitive-reference>
可以在同一个<filter>
元素内出现多次。在引用时,该值将使用具有给定结果的最近一个前面的滤镜图元。
规范
规范 |
---|
滤镜效果模块第 1 级 # element-attrdef-filter-primitive-result |