2008-12-06 07:22:01 -08:00
|
|
|
<!--
|
|
|
|
Any copyright is dedicated to the Public Domain.
|
2011-06-21 05:19:35 -07:00
|
|
|
http://creativecommons.org/publicdomain/zero/1.0/
|
2008-12-06 07:22:01 -08:00
|
|
|
-->
|
|
|
|
<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>
|