svg-effects-area-unzoomed.xhtml (1353B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Test for bug 541270 (SVG Effects area)</title> 5 <style type="text/css"> 6 html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; } 7 /* ick, filters can't be display: none or inside of something display:none! */ 8 svg { display: block; height: 0; } 9 </style> 10 </head> 11 <body> 12 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 13 <defs> 14 <!-- use a filter that doesn't change anything (since the background 15 is opaque, we can apply a gamma correction to the alpha channel) 16 but is unlikely to be optimized away --> 17 <!-- use sRGB to avoid errors creeping in --> 18 <filter id="notMuch" x="0%" y="0%" width="100%" height="100%" 19 style="color-interpolation-filters: sRGB"> 20 <feComponentTransfer> 21 <feFuncR type="linear" intercept="0" slope="1" /> 22 <feFuncG type="linear" intercept="0" slope="1" /> 23 <feFuncB type="linear" intercept="0" slope="1" /> 24 <feFuncA type="gamma" exponent="0.5" /> 25 </feComponentTransfer> 26 </filter> 27 </defs> 28 </svg> 29 <div style="background: #fc3; filter:url(#notMuch)"><div style="background: #3c6; width: 100px;height:25px" /></div> 30 </body> 31 </html>