在使用时设置SVG图案颜色

Question

我有一个简单的孵化模式：

<defs>                                
  <pattern id="pattern1" patternUnits="userSpaceOnUse"
           x="0" y="0" width="10" height="10"
           >
    <line x1="0" y1="0" x2="10" y2="10" stroke="black" />
    <line x1="0" y1="-10" x2="20" y2="10" stroke="black" />
    <line x1="-10" y1="0" x2="10" y2="20" stroke="black" />
  </pattern>
</defs>                               
<rect fill="url(#pattern1)" stroke="black" 
      x="100" y="100" width="200" height="100"/>
<rect fill="url(#pattern1)" stroke="red" 
      x="100" y="300" width="200" height="100"/>

使用时是否有一种方法可以在图案中设置线的颜色？例如，我想将颜色设置为第二rect中的红色。

Answer 1

如果您在模式中更新了颜色，则会影响两个rect。如果您需要不同的矩形中的不同图案颜色，则必须使用不同的模式。