| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <head> | 2 <head> |
| 3 » <script src="../../fast/repaint/resources/text-based-repaint.js" type="t
ext/javascript"></script> | 3 » <script src="../../fast/repaint/resources/repaint.js" type="text/javascr
ipt"></script> |
| 4 <script> | 4 <script> |
| 5 function repaintTest() { | 5 function repaintTest() { |
| 6 var svg = document.getElementById("svg"); | 6 var svg = document.getElementById("svg"); |
| 7 svg.pauseAnimations(); | 7 svg.pauseAnimations(); |
| 8 svg.setCurrentTime(5); | 8 svg.setCurrentTime(5); |
| 9 } | 9 } |
| 10 </script> | 10 </script> |
| 11 <style> | 11 <style> |
| 12 div { | 12 div { |
| 13 height:100px; width:100px; | 13 height:100px; width:100px; |
| 14 } | 14 } |
| 15 svg { overflow: visible; } | 15 svg { overflow: visible; } |
| 16 </style> | 16 </style> |
| 17 </head> | 17 </head> |
| 18 <body onload="runRepaintAndPixelTest()"> | 18 <body onload="runRepaintTest()"> |
| 19 <div> | 19 <div> |
| 20 <svg id="svg" height="100" width="100" viewbox="0 0 100 100"> | 20 <svg id="svg" height="100" width="100" viewbox="0 0 100 100"> |
| 21 <rect y="200" width="100" height="100" fill="red"> | 21 <rect y="200" width="100" height="100" fill="red"> |
| 22 <animate attributeName="fill" to="green" dur="1s
" begin="1s" fill="freeze"/> | 22 <animate attributeName="fill" to="green" dur="1s
" begin="1s" fill="freeze"/> |
| 23 </rect> | 23 </rect> |
| 24 </svg> | 24 </svg> |
| 25 </div> | 25 </div> |
| 26 <div></div> | 26 <div></div> |
| 27 </body> | 27 </body> |
| OLD | NEW |