blob: 53f987bc30da3b9eaa0ab45d4c28c8e0871cf4a5 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
function addIsolation() {
var isolator = document.getElementById('isolator');
isolator.setAttribute('clip-path', 'url(#Clipper)');
if (window.testRunner)
testRunner.notifyDone();
}
window.addEventListener('load', function () {
window.setTimeout(addIsolation, 10);
}, false);
</script>
<body>
<p>The test passes if you see a green square.</p>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px">
<defs>
<clipPath id="Clipper">
<rect x="0" y="0" width="100" height="100" />
</clipPath>
</defs>
<g id="isolator">
<rect x="0" y="0" width="200" height="200" style="fill: green; mix-blend-mode: difference;"/>
</g>
</svg>
</body>
</html>