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