Blitz - WPT: currentColor-override-pserver-stroke.svg

wpt / svg / painting / currentColor-override-pserver-stroke.svg

/svg/painting/currentColor-override-pserver-stroke.svg

<svg xmlns="http://www.w3.org/2000/svg">
  <metadata>
    <link xmlns="http://www.w3.org/1999/xhtml" rel="author" title="Dan Glastonbury" href="mailto:dglastonbury@mozilla.com"/>
    <link xmlns="http://www.w3.org/1999/xhtml" rel="help" href="https://www.w3.org/TR/SVG2/pservers.html"/>
    <link xmlns="http://www.w3.org/1999/xhtml" rel="match" href="currentColor-override-pserver-stroke-ref.svg"/>
    <meta xmlns="http://www.w3.org/1999/xhtml" name="assert" content="pattern inherits stroke color via currentcolor."/>
  </metadata>

  <defs>
    <pattern id="MyPattern" patternUnits="userSpaceOnUse"
             x="5" y ="5" width="10" height="10" color="red" stroke="currentcolor">
      <circle color="limegreen" stroke="inherit" stroke-width="5%" cx="5" cy="5" r="5" />
    </pattern>
  </defs>

  <circle stroke="black" fill="url(#MyPattern)" cx="50" cy="50" r="40" />
</svg>

/svg/painting/currentColor-override-pserver-stroke-ref.svg

<svg xmlns="http://www.w3.org/2000/svg">
  <!-- pattern inherits fill color via currentcolor -->
  <defs>
    <pattern id="MyPattern" patternUnits="userSpaceOnUse"
             x="5" y ="5" width="10" height="10">
      <circle stroke="limegreen" stroke-width="5%" cx="5" cy="5" r="5" />
    </pattern>
  </defs>

  <circle stroke="black" fill="url(#MyPattern)" cx="50" cy="50" r="40" />
</svg>