clipPath-html-01.xhtml (633B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <html xmlns="http://www.w3.org/1999/xhtml" 6 xmlns:svg="http://www.w3.org/2000/svg"> 7 <body style="margin:0"> 8 <div style="clip-path: url(#c1); width:500px; height:500px; background:lime;"></div> 9 <svg:svg height="0"> 10 <!-- so that other documents can svg:use this one and force it to 11 load before onload --> 12 <svg:g id="empty" /> 13 <svg:clipPath id="c1" clipPathUnits="objectBoundingBox"> 14 <svg:rect x="0.5" y="0" width="0.5" height="1"/> 15 </svg:clipPath> 16 </svg:svg> 17 </body> 18 </html>