<feComposite> 过滤器

2025 年 3 月 17 日 | 阅读 1 分钟

<feComposite> 用于交叉两个图像。它接受两个输入，"in" 和 "in2"。默认情况下，in 是 SourceGraphic。操作符的 "in" 属性用于显示组合的结果。

示例

<!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 feBlend 过滤器

← prev next →