element-paint-clippath.html (615B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/licenses/publicdomain/ 4 5 Test with clip-path. 6 --> 7 <!DOCTYPE html> 8 <html> 9 <body style="margin:0"> 10 <div style="width:200px; height:200px; 11 clip-path:url(#c); 12 background:-moz-element(#d);"></div> 13 14 <div style="overflow:hidden; height:0;"> 15 <div id="d" style="width:200px; height:200px; background:lime;"></div> 16 </div> 17 <svg height="0"> 18 <clipPath id="c" clipPathUnits="userSpaceOnUse"> 19 <rect x="50" y="50" width="50" height="50"></rect> 20 </clipPath> 21 </svg> 22 </body> 23 </html>