OLD | NEW |
---|---|
(Empty) | |
1 <html> | |
esprehn
2014/08/06 17:25:09
All your tests need a doctype.
| |
2 <head> | |
3 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | |
4 <script> | |
5 window.testIsAsync = true; | |
6 | |
7 function finishTest() { | |
8 finishRepaintTest(); | |
9 } | |
10 | |
11 function repaintTest() | |
12 { | |
13 var svg = document.getElementById("svgElement"); | |
14 svg.setCurrentTime(0.3); | |
15 setTimeout(finishTest, 0); | |
16 } | |
17 </script> | |
18 <style> | |
19 .error { | |
20 width: 100px; | |
21 height: 100px; | |
22 background-color: red; | |
23 position: absolute; | |
24 } | |
25 .clipped { | |
26 width: 100px; | |
27 height: 100px; | |
28 background-color: green; | |
29 -webkit-clip-path: url(#svgPath); | |
30 clip-path: url(#svgPath); | |
31 } | |
32 </style> | |
33 </head> | |
34 <body onload="runRepaintAndPixelTest()"> | |
35 <div class="error"></div> | |
36 <div class="clipped"></div> | |
37 <svg id="svgElement" height="0" width="0"> | |
38 <defs> | |
39 <clipPath id="svgPath" clipPathUnits="objectBoundingBox"> | |
40 <circle cx="0.5" cy="0.5" r="0.5"> | |
41 <animate attributeName="r" attributeType="XML" from="0.5" to="1" begin=" 0s" dur="0.5s" fill="freeze"/> | |
42 </circle> | |
43 </clipPath> | |
44 </defs> | |
45 </svg> | |
46 </body> | |
47 </html> | |
OLD | NEW |