CSS filters which reference SVG filters fail to respect the "color-interpolation...
[WebKit-https.git] / LayoutTests / css3 / filters / color-interpolation-filters-expected.html
1 <head>
2     <style>
3         body {
4             margin: 0;
5         }
6         .box {
7             width: 200px;
8             height: 200px;
9             background-color: white;
10             display: inline-block;
11         }
12     </style>
13 </head>
14 <body>
15     <svg width="800" height="480">
16         <defs>
17             <filter id="test-linear" color-interpolation-filters="linearRGB">
18                 <feComponentTransfer>
19                     <feFuncR type="table" tableValues="0.8 0.2"/>
20                     <feFuncG type="table" tableValues="0.8 0.2"/>
21                     <feFuncB type="table" tableValues="0.8 0.2"/>
22                 </feComponentTransfer>
23                 <feColorMatrix type="hueRotate" values="180"/>
24             </filter>
25
26             <filter id="test-srgb" color-interpolation-filters="sRGB">
27                 <feComponentTransfer>
28                     <feFuncR type="table" tableValues="0.8 0.2"/>
29                     <feFuncG type="table" tableValues="0.8 0.2"/>
30                     <feFuncB type="table" tableValues="0.8 0.2"/>
31                 </feComponentTransfer>
32                 <feColorMatrix type="hueRotate" values="180"/>
33             </filter>
34
35             <filter id="test-default">
36                 <feComponentTransfer>
37                     <feFuncR type="table" tableValues="0.8 0.2"/>
38                     <feFuncG type="table" tableValues="0.8 0.2"/>
39                     <feFuncB type="table" tableValues="0.8 0.2"/>
40                 </feComponentTransfer>
41                 <feColorMatrix type="hueRotate" values="180"/>
42             </filter>
43         </defs>
44         <rect filter="url(#test-linear)" x="10" y="10" width="200" height="200" fill="white"/>
45         <rect filter="url(#test-srgb)" x="230" y="10" width="200" height="200" fill="white"/>
46         <rect filter="url(#test-default)" x="450" y="10" width="200" height="200" fill="white"/>
47
48         <rect filter="url(#test-linear)" x="10" y="250" width="200" height="200" fill="white"/>
49         <rect filter="url(#test-srgb)" x="230" y="250" width="200" height="200" fill="white"/>
50         <rect filter="url(#test-default)" x="450" y="250" width="200" height="200" fill="white"/>
51     </svg>
52 </body>