pattern-live-01a.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('pat1').removeChild(document.getElementById('red'));

     document.documentElement.removeAttribute('class');

 </script>

<!-- Tests that patterns are live to element removal. -->

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

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

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

</pattern>

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

</svg>