[SVG] Transform animation leaves traces of text behind.

LayoutTests/svg/text/non-invertible-matrix-text.svg

+<svg width="620" height="450" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runTest()">
+        <desc>
+                This test places a text element so that it spans across two render tiles (note: the tile width is ~255px at the time of writing this).
+                If the text doesn't span across tiles then other screen updates will "cover up" the bug.
+
+                The scale(0,1) transform matrix has a 0 determinant, which means it cannot be inverted.
+                Any text/shape in svg that has a scale(0) transform means it should be invisible.
+        </desc>
+        <script>
+        <![CDATA[
+                function runTest() {
+                        document.getElementById('first').setAttribute("transform", "translate(241.0859375, -21)scale(0, 1)translate(-241.0859375, 21)");
+                        document.getElementById('second').setAttribute("transform", "translate(241.0859375, -21)scale(0, 1)translate(-241.0859375, 21)");
+                }
+        ]]>
+        </script>
+
+        <g id="textGroup" transform="translate(70,300)" font-family="sans-serif" font-size="60" text-rendering="geometricPrecision">
+                <rect x="254" width="1" height="1"/>
+                <text id="first" x="197.7978515625" y="0" fill="red">s</text>
+                <text id="second" x="229.0576171875" y="0" fill="red">!</text>
+    </g>
+</svg>