blob: 4441b806e14204322c8f460cf721cf5ac0409517 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
function addIsolation() {
var isolator = document.getElementById('isolator');
isolator.setAttribute('filter', 'url(#Blur)');
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>
<filter id="Blur"
filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="200">
<feGaussianBlur stdDeviation="8" />
</filter>
</defs>
<g id="isolator">
<rect x="0" y="0" width="200" height="200" style="fill: green; mix-blend-mode: difference;"/>
</g>
</svg>
</body>
</html>