layout/reftests/svg/svg-effects-area-unzoomed.xhtml

   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>