| 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 |