blob: e9cd0977413b5b6043ac7f4b703c6d25bfed9fd0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html>
<html>
<title>Percentages in a mask</title>
<link rel="help" href="https://crbug.com/1500476" />
<link rel="match" href="mask-percentage-ref.html" />
<body>
<svg
width="100%" height="100%"
xmlns="http://www.w3.org/2000/svg">
<defs>
<mask id='corner'>
<g><rect x="0" y="0" height="100%" width="100%" fill="white" /></g>
</mask>
</defs>
<rect x="0" y="0" width="100%" height="100%" fill="red"></rect>
<g mask='url(#corner)'>
<rect x="0" y="0" width="100%" height="100%" fill='lime'></rect>
</g>
</svg>
</body>
</html>
|