Установка цвета шаблонов 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

Если вы обновите цвет в шаблоне, это повлияет на оба участка. Если вы хотите использовать разные цвета рисунка в разных местах, вам придется использовать разные рисунки.