blob: f66e9bd34daad4e308009a05191eab987cda98e6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE html>
<body style="background-color: lime;">
<svg width="0" height="0">
<filter id="myFilter" filterUnits="objectBoundingBox" x="0" y="0" width="50%" height="50%">
<feMerge>
<feMergeNode/>
</feMerge>
</filter>
</svg>
<!-- This outer svg element should be totally covered by the next filtered outer svg element. -->
<svg style="position: fixed;" x="0" y ="0" width="120" height="120">
<rect x="10" y="10" width="100" height="100" fill="red"/>
</svg>
<svg filter="url(#myFilter)" style="position: fixed;" x="0" y ="0" width="240" height="240">
<rect x="10" y="10" width="100" height="100" fill="lime"/>
</svg>
</body>
|
