29 lines
1.0 KiB
HTML
29 lines
1.0 KiB
HTML
<!DOCTYPE HTML>
|
|
|
|
<link rel="stylesheet" href="resources/blending-style.css">
|
|
|
|
<!-- <p>This test checks that blending works if the isolating layer has overflow hidden and the blending layer is an accelerated canvas.<br /> -->
|
|
<!-- Test passes if you see a green rectangle.</p> -->
|
|
<div class="clipping isolating red box">
|
|
<canvas class="difference" id="blending-canvas" width="400" height="400"></canvas>
|
|
</div>
|
|
<pre id="layers">Layer tree goes here in DRT</pre>
|
|
<script>
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
testRunner.waitUntilDone();
|
|
}
|
|
function doTest() {
|
|
var canvas = document.getElementById("blending-canvas");
|
|
var ctx = canvas.getContext("2d");
|
|
ctx.fillStyle = "#000000";
|
|
ctx.fillRect(0,0,400,400);
|
|
|
|
if (window.testRunner) {
|
|
document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
|
|
testRunner.notifyDone();
|
|
}
|
|
}
|
|
window.addEventListener('load', doTest, false);
|
|
</script>
|