| 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="userSpaceOnUse"> | 4 <clipPath id="myclip" clipPathUnits="userSpaceOnUse"> |
| 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 document.getElementsByTagName("g")[0].setAttribute("clip-path", "url(#myclip
)"); | 11 document.getElementsByTagName("g")[0].setAttribute("clip-path", "url(#myclip
)"); |
| 12 } | 12 } |
| 13 </script> | 13 </script> |
| 14 | 14 |
| 15 <g clip-path="url(#noclip)"> | 15 <g clip-path="url(#noclip)"> |
| 16 <rect x="0" y="0" width="200" height="200" fill="red"/> | 16 <rect x="0" y="0" width="200" height="200" fill="red"/> |
| 17 <rect x="0" y="0" width="100" height="100" fill="green"/> | 17 <rect x="0" y="0" width="100" height="100" fill="green"/> |
| 18 </g> | 18 </g> |
| 19 | 19 |
| 20 </svg> | 20 </svg> |
| OLD | NEW |