<!-- Tests support for custom events --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="reftest-wait" onload="sendEvent()"> <script xlink:href="event-util.js" type="text/javascript"/> <script type="text/javascript"> function sendEvent() { document.documentElement.pauseAnimations(); document.documentElement.setCurrentTime(0); var evt = document.createEvent("SVGEvents"); evt.initEvent("user.defined", false, false); var target = document.getElementById('rect'); target.dispatchEvent(evt); delayedSnapshot(2); } </script> <rect width="100" height="100" fill="red" id="rect"> <!-- SMIL allows periods to be embedded in the event name by escaping them with a backslash. (Otherwise the part before the period would be treated as an ID reference.) Test that we support that. --> <set attributeName="fill" attributeType="CSS" to="green" begin="rect.user\.defined" dur="4s"/> </rect> </svg>