20 lines
601 B
HTML
20 lines
601 B
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<body>
|
|
<p>Test if clip-path doesn't cause isolation. This test passes if you see a green rectangle with yellow borders.</p>
|
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" >
|
|
<defs>
|
|
<clipPath id="clip">
|
|
<rect x="10" y="10" width="20" height="20"/>
|
|
</clipPath>
|
|
</defs>
|
|
<g transform="scale(4 4)">
|
|
<rect x="0" y="0" width="40" height="40" fill="rgb(255,255,0)"/>
|
|
<g clip-path="url(#clip)">
|
|
<rect x="0" y="0" width="40" height="40" fill="rgb(255,0,0)" style="mix-blend-mode: difference"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</body>
|
|
</html>
|