个性化阅读
专注于IT技术分析

SVG feComposite过滤器用法示例

<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>

立即测试

赞(0) 打赏
未经允许不得转载:srcmini » SVG feComposite过滤器用法示例
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏