filter-html-dynamic-01.xhtml (796B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <html xmlns="http://www.w3.org/1999/xhtml" 6 xmlns:svg="http://www.w3.org/2000/svg"> 7 <head> 8 <style> 9 div{ 10 left: 10px; 11 top: 10px; 12 position: absolute; 13 width : 100px; 14 height : 100px; 15 margin : 10px; 16 background : red; 17 filter:url(#flood); 18 } 19 </style> 20 </head> 21 <body style="margin:0"> 22 <script> 23 window.addEventListener('load',function(e){ 24 var div = document.createElement('div'); 25 document.body.appendChild(div); 26 },false); 27 </script> 28 29 <svg:svg width="0" height="0"> 30 <svg:filter id="flood" x="0" y="0" width="100%" height="100%" filterUnits="userSpaceOnUse"> 31 <svg:feFlood flood-color="lime"/> 32 </svg:filter> 33 </svg:svg> 34 </body> 35 </html>