阅读背景:

如何在svg中使用混合模式用于矢量形状?

来源:互联网 

Here is my simple svg:

这是我简单的svg:

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<svg xmlns="https://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>
<!DOCTYPE



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: