clipPath-html-03.xhtml (743B)
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:200px; background:lime;"> 9 <div style="height:200px;"/> 10 <div style="height:200px; background:blue;"/> 11 </div> 12 13 <svg:svg height="0"> 14 <!-- so that other documents can svg:use this one and force it to 15 load before onload --> 16 <svg:g id="empty" /> 17 <svg:clipPath id="c1"> 18 <svg:rect x="0" y="0" width="100" height="150"/> 19 <svg:rect x="100" y="0" width="100" height="300"/> 20 </svg:clipPath> 21 </svg:svg> 22 </body> 23 </html>