blob: dbf7944b38f507adb12a5d299ad96860629b87a2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!DOCTYPE HTML>
<html>
<body>
<!-- Test mix-blend-mode on a group consisting of overlapping elements.
The two rects should blend as a whole with the yellow background.
Test passes if the two rectangles are drawn with green, and their intersection is not blended.-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px" style="background: #FF0">
<g style="mix-blend-mode: difference;">
<rect x="25" y="25" width="100" height="100" style="fill: #F70;"/>
<rect x="75" y="75" width="100" height="100" style="fill: #FA0;"/>
</g>
</svg>
</body>
</html>
|
