OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script src="../../resources/js-test.js"></script> |
| 5 <style> |
| 6 .error { |
| 7 width: 100px; |
| 8 height: 100px; |
| 9 background-color: red; |
| 10 position: absolute; |
| 11 } |
| 12 .clipped { |
| 13 width: 100px; |
| 14 height: 100px; |
| 15 background-color: green; |
| 16 -webkit-clip-path: url(#svgPath); |
| 17 clip-path: url(#svgPath); |
| 18 } |
| 19 </style> |
| 20 </head> |
| 21 <body> |
| 22 <div class="error"></div> |
| 23 <div class="clipped" id="html"></div> |
| 24 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1" id="s
vg"> |
| 25 <defs> |
| 26 <clipPath id="svgPath" clipPathUnits="objectBoundingBox"> |
| 27 <circle cx="0.5" cy="0.5" r="0.5"> |
| 28 <animate attributeName="r" attributeType="XML" from="0.25" to="1" begin=
"0s" dur="0.5s" fill="freeze"/> |
| 29 </circle> |
| 30 </clipPath> |
| 31 </defs> |
| 32 </svg> |
| 33 <script src="script-tests/clippath-reference-delete-crash.js"></script> |
| 34 </body> |
| 35 </html> |
OLD | NEW |