third_party/WebKit/LayoutTests/css3/blending/svg-blend-saturation.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" >
   5 <defs>
   6   <g id="patch">
   7     <rect x="0" y="0" width="10" height="40" fill="rgb(255,0,0)"/>
   8     <rect x="10" y="0" width="10" height="40" fill="rgb(0,255,0)"/>
   9     <rect x="20" y="0" width="10" height="40" fill="rgb(0,0,255)"/>
  10     <rect x="30" y="0" width="10" height="40" fill="rgb(127,127,0)"/>
  11   </g>
  12   <rect x="0" y="0" width="10" height="10" fill="rgb(255,0,0)"/>
  13 </defs>
  14 <g transform="scale(4 4)">
  15   <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
  16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: saturation"></use>
  17 </g>
  18 </svg>
  19 </body>
  20 </html>