OLD | NEW |
1 <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="ht
tp://www.w3.org/1999/xlink" onload="runRepaintTest()"> | 1 <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="ht
tp://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()"> |
2 <script xlink:href="../../fast/repaint/resources/repaint.js"/> | 2 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/> |
3 <defs> | 3 <defs> |
4 <clipPath id="myclip" clipPathUnits="objectBoundingBox"> | 4 <clipPath id="myclip" clipPathUnits="objectBoundingBox"> |
5 <path transform="scale(.5)" d="M 0 0 l 200 0 l 0 200 l -200 0 Z"/> | 5 <path transform="scale(.5)" d="M 0 0 l 200 0 l 0 200 l -200 0 Z"/> |
6 </clipPath> | 6 </clipPath> |
7 </defs> | 7 </defs> |
8 | 8 |
9 <script> | 9 <script> |
10 function repaintTest() { | 10 function repaintTest() { |
11 var clip = document.getElementById("myclip"); | 11 var clip = document.getElementById("myclip"); |
12 | 12 |
13 var enumeration = clip.clipPathUnits; | 13 var enumeration = clip.clipPathUnits; |
14 enumeration.baseVal = 1; // Switch to userSpaceOnUse! | 14 enumeration.baseVal = 1; // Switch to userSpaceOnUse! |
15 } | 15 } |
16 </script> | 16 </script> |
17 | 17 |
18 <g clip-path="url(#myclip)"> | 18 <g clip-path="url(#myclip)"> |
19 <rect x="0" y="0" width="200" height="200" fill="red"/> | 19 <rect x="0" y="0" width="200" height="200" fill="red"/> |
20 <rect x="0" y="0" width="100" height="100" fill="green"/> | 20 <rect x="0" y="0" width="100" height="100" fill="green"/> |
21 </g> | 21 </g> |
22 | 22 |
23 </svg> | 23 </svg> |
OLD | NEW |