use-localRef-stroke-01.svg

Enable keyboard shortcuts

Checkerboard

<?xml-stylesheet href="use-localRef.css" type="text/css"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

  <title>Testcase for stroke linked to local-ref URL</title>

  <defs>

      <linearGradient id="gradient1">

        <stop offset="0%" stop-color="blue"/>

        <stop offset="100%" stop-color="blue"/>

      </linearGradient>

      <linearGradient id="gradient2">

        <stop offset="0%" stop-color="white"/>

        <stop offset="100%" stop-color="blue"/>

      </linearGradient>

      <linearGradient id="gradient3">

        <stop offset="0%" stop-color="white"/>

        <stop offset="100%" stop-color="blue"/>

      </linearGradient>

  </defs>

  <style>

    #stroke3 {

      stroke: url(#gradient3);

  </style>

  <use xlink:href="use-localRef-stroke-resource.svg#stroke1"/>

  <use xlink:href="use-localRef-stroke-resource.svg#stroke2" stroke="url(#gradient2)"/>

  <use xlink:href="use-localRef-stroke-resource.svg#stroke3"/>

</svg>