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