blob: 910dc3012726e7c2c250ca28148a3960d0fba65d [file] [log] [blame]
<!DOCTYPE html>
<svg width="200" height="400">
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="0" stop-color="green"/>
<stop offset="0.99" stop-color="green"/>
<stop offset="1" stop-color="red"/>
</linearGradient>
<pattern id="pattern" x="0" y="0" width="1" height="1" viewBox="0 0 10 10">
<rect width="10" height="10" fill="lime"/>
<rect width="5" height="5" fill="green"/>
<rect x="5" y="5" width="5" height="5" fill="green"/>
</pattern>
<rect width="100%" height="100%" fill="gray"/>
<g font-size="100px" font-family="Ahem">
<g fill="url(#pattern)">
<rect y="200" width="1em" height="1em"/>
<rect y="300" width="1em" height="1em"/>
</g>
<g fill="url(#gradient)">
<rect x="100" y="200" width="1em" height="1em"/>
<rect x="100" y="300" width="1em" height="1em"/>
</g>
<rect y="299" width="100%" height="1" fill="black"/>
<rect y="399" width="100%" height="1" fill="black"/>
</svg>