clipPath-html-04-extref.xhtml (761B)
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 xmlns:xlink="http://www.w3.org/1999/xlink"> 8 <head> 9 <style> 10 .unit { display:inline-block; width:100px; height:1px; } 11 </style> 12 </head> 13 <body style="margin:0; width:350px; line-height:100px;"> 14 <span class="unit"/><span class="unit" 15 /><span style="clip-path:url(clipPath-html-04.xhtml#c1); background:lime;"><span class="unit"/><span class="unit" 16 /></span> 17 <svg:svg height="0"> 18 <!-- use an empty g to force clipPath-html-04.xhtml to load before onload --> 19 <svg:use xlink:href="clipPath-html-04.xhtml#empty" /> 20 </svg:svg> 21 </body> 22 </html>