pattern-live-01b.svg

Enable keyboard shortcuts

Checkerboard

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

     xmlns:xlink="http://www.w3.org/1999/xlink"

     class="reftest-wait">

 <script type="application/javascript">

   document.addEventListener("MozReftestInvalidate", doTest, false);

   function doTest() {

     document.getElementById('red').setAttribute('fill', 'green');

     document.documentElement.removeAttribute('class');

 </script>

<!-- Tests that patterns are live to fill attribute changes. -->

<pattern patternUnits="userSpaceOnUse" id="pat1" width="20" height="20">

	<rect x="10" y="10" width="10" height="10" fill="red" id="red" />

</pattern>

<rect x="25" y="25" width="430" height="60" stroke="black" fill="url(#pat1)" />

</svg>