0
这里是我的简单的SVG:如何在svg中为矢量形状使用混合模式?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter id="f1" x="0" y="0">
<feBlend mode="multiply" in="SourceGraphic" in2="SourceGraphic" />
</filter>
</defs>
<path d='M100 100 L200 100 L200 200 L100 200 Z' fill='#00FFFF'/>
<path d='M150 150 L250 150 L250 250 L150 250 Z' fill='#CC3300'/>
<path d='M175 175 L275 175 L275 275 L175 275 Z' fill='#FFFF00'/>
</svg>
</body>
</html>
它只是简单的3种矩形形状。是否可以将混合模式MULTIPLY应用于所有三个矩形?
thnks,尝试在铬中,只有两个第一形状与混合模式不是第三个黄色。 – fjckls 2012-07-23 09:09:44
这不适用于Firefox或者 – DanV 2015-02-17 10:20:11
@DanV使用混合混合模式的更新示例在Opera,Chrome和Firefox的最新版本中工作得很好。 – 2015-02-17 12:35:03