OLD | NEW |
1 <?xml version="1.0"?> | 1 <?xml version="1.0"?> |
2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink='http://www.w3.org/1999/xlin
k' width="300px" height="300px" viewBox="0 0 300 300" onload="runRepaintTest()"> | 2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink='http://www.w3.org/1999/xlin
k' width="300px" height="300px" viewBox="0 0 300 300" onload="runRepaintAndPixel
Test()"> |
3 <script xlink:href="../../fast/repaint/resources/repaint.js" type="text/java
script"></script> | 3 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js" type
="text/javascript"></script> |
4 <script type="text/javascript"> | 4 <script type="text/javascript"> |
5 function repaintTest() { | 5 function repaintTest() { |
6 var smile = document.getElementById('smile'); | 6 var smile = document.getElementById('smile'); |
7 var segList = smile.pathSegList; | 7 var segList = smile.pathSegList; |
8 var moveSeg = segList.getItem(0); // This represents the M 80 40 segm
ent (Move to) | 8 var moveSeg = segList.getItem(0); // This represents the M 80 40 segm
ent (Move to) |
9 moveSeg.x = 50; | 9 moveSeg.x = 50; |
10 moveSeg.y = 50; | 10 moveSeg.y = 50; |
11 } | 11 } |
12 </script> | 12 </script> |
13 <path id="smile" d="M 80 40 S 120 80 160 40" stroke="black" stroke-width="3"
fill="none"/> | 13 <path id="smile" d="M 80 40 S 120 80 160 40" stroke="black" stroke-width="3"
fill="none"/> |
14 <g transform="translate(0 50)"> | 14 <g transform="translate(0 50)"> |
15 <path d="M 50 50 S 120 80 160 40" stroke="black" stroke-width="3" fill="
none"/> | 15 <path d="M 50 50 S 120 80 160 40" stroke="black" stroke-width="3" fill="
none"/> |
16 </g> | 16 </g> |
17 <text x="10" y="20">Both shapes should look identical</text> | 17 <text x="10" y="20">Both shapes should look identical</text> |
18 </svg> | 18 </svg> |
OLD | NEW |