layout/reftests/bugs/614272-1.svg

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

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>

mercurial