OLD | NEW |
1 <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="ht
tp://www.w3.org/1999/xlink" onload="runRepaintTest()"> | 1 <svg width="200" height="200" 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"></script> | 2 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"></script
> |
3 <script> | 3 <script> |
4 <![CDATA[ | 4 <![CDATA[ |
5 function repaintTest() { | 5 function repaintTest() { |
6 document.getElementById("inner").setAttribute("width", "100%"); | 6 document.getElementById("inner").setAttribute("width", "100%"); |
7 } | 7 } |
8 ]]> | 8 ]]> |
9 </script> | 9 </script> |
10 | 10 |
11 <!-- should result in a blue square with right-aligned objects --> | 11 <!-- should result in a blue square with right-aligned objects --> |
12 <svg id="inner" width="50%" height="100%"> | 12 <svg id="inner" width="50%" height="100%"> |
13 <defs> | 13 <defs> |
14 <polygon id="triangle" points="0,0 0,20 20,10" style="fill:white"/> | 14 <polygon id="triangle" points="0,0 0,20 20,10" style="fill:white"/> |
15 </defs> | 15 </defs> |
16 <rect fill="blue" width="100%" height="100%"/> | 16 <rect fill="blue" width="100%" height="100%"/> |
17 <rect fill="white" x="100%" y="60" transform="translate(-20,0)" width="20" h
eight="20"/> | 17 <rect fill="white" x="100%" y="60" transform="translate(-20,0)" width="20" h
eight="20"/> |
18 <text x="100%" y="100" text-anchor="end" fill="white">right-aligned text</te
xt> | 18 <text x="100%" y="100" text-anchor="end" fill="white">right-aligned text</te
xt> |
19 <use x="100%" y="120" transform="translate(-20,0)" xlink:href="#triangle"/> | 19 <use x="100%" y="120" transform="translate(-20,0)" xlink:href="#triangle"/> |
20 </svg> | 20 </svg> |
21 </svg> | 21 </svg> |
OLD | NEW |