<?xml version="1.0"?> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();"> <title>Testcase for dynamic text changes</title> <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 --> <script> function m() { document.getElementById("text1").firstChild.nodeValue = "Test1"; document.getElementById("text2").setAttribute("x", "200"); document.getElementById("text3").setAttribute("font-size", "50"); document.getElementById("text4").setAttribute("font-size", "50"); document.getElementById("text5").setAttribute("transform", "translate(50,0)"); } </script> <filter id="shadow" filterUnits="objectBoundingBox"> <feGaussianBlur in="SourceAlpha" stdDeviation="5"/> </filter> <g filter="url(#shadow)" > <text id="text1" x="50" y="100" font-size="50"> </text> <text id="text2" x="0" y="100" font-size="50">Test2</text> <text id="text3" x="50" y="200" font-size="5">Test3</text> <text id="text4" x="200" y="200" font-size="100">Test4</text> <text id="text5" x="0" y="300" font-size="50">Test5</text> </g> </svg>