OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 .error { | |
4 width: 100px; | |
5 height: 100px; | |
6 background-color: red; | |
7 position: absolute; | |
8 } | |
9 .clipped { | |
10 width: 100px; | |
11 height: 100px; | |
12 background-color: green; | |
13 -webkit-clip-path: url(#svgPath); | |
14 clip-path: url(#svgPath); | |
15 } | |
16 </style> | |
17 <div class="error"></div> | |
18 <div class="clipped"></div> | |
19 <svg height="0" width="0"> | |
20 <defs> | |
21 <clipPath id="svgPath" clipPathUnits="objectBoundingBox"> | |
22 <circle cx="0.5" cy="0.5" r="0.5"></circle> | |
23 </clipPath> | |
24 </defs> | |
25 </svg> | |
26 <script> | |
27 if (window.testRunner) | |
28 testRunner.waitUntilDone(); | |
29 | |
30 setTimeout(function() { | |
31 if (window.testRunner) | |
32 testRunner.notifyDone(); | |
33 }, 1000); | |
pdr.
2014/08/04 17:06:31
Same here.
Shanmuga Pandi
2014/08/06 14:51:34
Done.
| |
34 requestAnimationFrame(function() { | |
35 setTimeout(function() { | |
36 document.querySelector('circle').setAttribute('r', 1); | |
37 }, 0); | |
38 }); | |
39 </script> | |
OLD | NEW |