blob: 7c7fd86f1f3f6b7f8d3009813a567b9cb990a387 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="0" y="0" width="1" height="1" id="solid">
<feFlood flood-color="black"/>
</filter>
<mask id="myMask">
<rect fill="white" width="100%" height="100%"/>
<g transform="translate(10000, 0)">
<rect fill="blue" width="100%" height="100%" filter="url(#solid)"/>
</g>
</mask>
</defs>
<!-- You should see pure lime color as background color of a whole page. -->
<rect fill="red" width="100%" height="100%"/>
<g mask="url(#myMask)">
<rect x="0" y="0" width="100%" height="100%" fill="lime"></rect>
</g>
</svg>
|