blob: fb02d375bf893438b9f3899360698d911a455aa1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink" onload="m();">
<title>Testing that foreignobject works in filters</title>
<foreignObject id="fo1" x="50" y="50" width="50" height="50">
<html:div style="width:100%; height:100%; background:lime;">
</html:div>
</foreignObject>
<foreignObject id="fo2" x="50" y="150" width="50" height="50" filter="url(#f1)">
<html:div style="width:100%; height:100%; background:lime;">
</html:div>
</foreignObject>
<filter id="f1" x="0" y="0" width="100%" height="100%">
<feOffset/>
</filter>
<script>
function m() {
var svgns = "http://www.w3.org/2000/svg";
var fo1 = document.getElementById("fo1");
fo1.setAttribute("x", "150");
var fo2 = document.getElementById("fo2");
fo2.setAttribute("x", "150");
}
</script>
</svg>
|
