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