Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <svg class="reftest-wait"
2 xmlns="http://www.w3.org/2000/svg"
3 xmlns:xlink="http://www.w3.org/1999/xlink"
4 onload="setTimeout(go, 0);">
5 <script>
6 function setMatrixForElem(id, matrix) {
7 var elem = document.getElementById(id);
8 elem.setAttribute("transform", "matrix("+matrix+")");
9 }
11 function go() {
12 // This moves image1 completely offscreen
13 setMatrixForElem("image1", "0.5 -1 0 1 0 -30");
15 // This flattens image2 to take up 0 space
16 setMatrixForElem("image2", "1 0 0 0 0 0");
18 // NOTE: The third image should be unaffected by the above
19 // and should still render.
21 document.documentElement.removeAttribute('class');
22 }
23 </script>
24 <defs>
25 <path id="P1" d="M 0 50 h50 v-50 h-50 z"/>
26 <path id="P2" d="M 50 100 h50 v-50 h-50 z"/>
27 <path id="P3" d="M 0 100 h50 v-50 h-50 z"/>
28 <clipPath id="Q1"><use x="25" xlink:href="#P1"/></clipPath>
29 <clipPath id="Q2"><use x="25" xlink:href="#P2"/></clipPath>
30 <clipPath id="Q3"><use x="25" xlink:href="#P3"/></clipPath>
31 </defs>
33 <image xlink:href="solidblue.png" id="image1"
34 width="100" height="100"
35 x="25" clip-path="url(#Q1)"/>
37 <image xlink:href="solidblue.png" id="image2"
38 width="100" height="100"
39 x="25" y="50" clip-path="url(#Q2)"/>
41 <image xlink:href="solidblue.png"
42 width="100" height="100"
43 x="25" clip-path="url(#Q3)"/>
44 </svg>