<?xml version="1.0" encoding="UTF-8"?> <svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 480 360" class="reftest-wait" onload="first();"> <script><![CDATA[ function first() { document.getElementById("z").appendChild(document.getElementById("pat1")); setTimeout(second, 30); } function second() { document.getElementById("pat4").appendChild(document.getElementById("z")); document.documentElement.removeAttribute("class"); } ]]></script> <pattern patternUnits="userSpaceOnUse" id="pat1" x="10" y="10" width="20" height="20"> <rect x="5" y="5" width="10" height="10" fill="red" /> <rect x="10" y="10" width="10" height="10" fill="green" /> </pattern> <rect x="25" y="10" width="430" height="60" stroke="black" fill="url(#pat1)" /> <pattern patternUnits="userSpaceOnUse" id="pat4" x="0" y="0" width="20" height="10"> <rect x="0" y="0" width="10" height="10" fill="red" /> <rect x="10" y="0" width="10" height="10" fill="blue" /> </pattern> <text font-family="Arial" font-size="40" fill="none" stroke="url(#pat4)" stroke-width="2" x="25" y="275" id="z">Pattern on stroke</text> </svg>