| 123456789101112131415161718192021222324252627282930313233 |
- <?xml version="1.0" encoding="UTF-8"?>
- <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" reftest-zoom="0.6">
- <head>
- <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no" />
- <title>Test for bug 541270 (SVG Effects area)</title>
- <style type="text/css">
- html, body, div { display: block; width: 100%; height: 100%; border: none; margin: 0; padding: 0; }
- /* ick, filters can't be display: none or inside of something display:none! */
- svg { display: block; height: 0; }
- </style>
- </head>
- <body>
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
- <defs>
- <!-- use a filter that doesn't change anything (since the background
- is opaque, we can apply a gamma correction to the alpha channel)
- but is unlikely to be optimized away -->
- <!-- use sRGB to avoid errors creeping in -->
- <filter id="notMuch" x="0%" y="0%" width="100%" height="100%"
- style="color-interpolation-filters: sRGB">
- <feComponentTransfer>
- <feFuncR type="linear" intercept="0" slope="1" />
- <feFuncG type="linear" intercept="0" slope="1" />
- <feFuncB type="linear" intercept="0" slope="1" />
- <feFuncA type="gamma" exponent="0.5" />
- </feComponentTransfer>
- </filter>
- </defs>
- </svg>
- <div style="background: #fc3; filter:url(#notMuch)"><div style="background: #3c6; width: 100px;height:25px" /></div>
- </body>
- </html>
|
