2008-09-10 17:24:16 -07:00
|
|
|
<!--
|
|
|
|
|
Any copyright is dedicated to the Public Domain.
|
|
|
|
|
http://creativecommons.org/licenses/publicdomain/
|
|
|
|
|
-->
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
2009-03-17 17:37:01 -07:00
|
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
2008-09-10 17:24:16 -07:00
|
|
|
<body style="margin:0">
|
|
|
|
|
<div style="mask: url(#m1); width:500px; height:500px; background:lime;"></div>
|
|
|
|
|
<svg:svg height="0">
|
2010-04-16 11:15:28 -07:00
|
|
|
<!-- so that other documents can svg:use this one and force it to
|
|
|
|
|
load before onload -->
|
|
|
|
|
<svg:g id="empty" />
|
2008-09-10 17:24:16 -07:00
|
|
|
<svg:mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
|
|
|
|
|
<svg:linearGradient id="g" gradientUnits="objectBoundingBox" x2="0" y2="1">
|
|
|
|
|
<svg:stop stop-color="white" offset="0"/>
|
|
|
|
|
<svg:stop stop-color="white" stop-opacity="0" offset="1"/>
|
|
|
|
|
</svg:linearGradient>
|
|
|
|
|
<svg:circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="white"/>
|
|
|
|
|
<svg:rect x="0.5" y="0" width="0.5" height="1" fill="url(#g)"/>
|
|
|
|
|
</svg:mask>
|
|
|
|
|
</svg:svg>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
