<
feComposite>
用于将两个图像相交。它接受两个输入, ”
in”
和”
in2″
。默认情况下, in是SourceGraphic。运算符的”
输入”
属性用于显示合并结果。
例子
<
!DOCTYPE html>
<
html>
<
body>
<
svg height="900" width="900">
<
filter id="composite" y="0" x="0" width="100%" height="100%">
<
feTurbulence baseFrequency=".05" numOctaves="3" result="B"/>
<
feComposite in2="B" in="SourceGraphic" operator="in" />
<
/filter>
<
ellipse cx="100" cy="87" rx="75" ry="87" fill="red" filter="url(#composite)"/>
<
/svg>
<
/body>
<
/html>
【SVG feComposite过滤器用法示例】立即测试
推荐阅读
- SVG过滤器介绍和feGaussianBlur用法
- SVG feComponentTransfer过滤器用法示例
- SVG阴影效果使用示例
- SVG feBlend过滤器用法示例
- SVG动画介绍和用法示例
- SVG animateTransform元素示例
- SVG animateMotion元素用法示例
- SVG动画（使用时间介绍和示例）
- SVG事件监听器用法示例