2

我需要在一系列 svg 元素上设置颜色范围，在每个元素顶部使用相同的半透明 png 纹理。必须有更有效的方法来做到这一点......

<svg>
    <defs>
        <pattern id="texture1">
            <image xlink:href="texture.png"/>
            <rect fill="red" /> 
        </pattern>

        <pattern id="texture2">
            <image xlink:href="texture.png"/>
            <rect fill="yellow" /> 
        </pattern>

        <pattern id="texture3">
            <image xlink:href="texture.png"/>
            <rect fill="blue" /> 
        </pattern>
    </defs>
</svg>

CSS: .path1 { 填充: url(#texture1); } ... ETC

这看起来超级难看。关于如何改进的建议？

4

0 回答 0