設置的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

如果更新了模式中的顏色，它會影響兩個rects。如果你想在不同的rects中使用不同的圖案顏色，你將不得不使用不同的圖案。