32 lines
915 B
HTML
32 lines
915 B
HTML
<!doctype html>
|
|
<script src="resources/repaint.js"></script>
|
|
<body onload="runRepaintTest();">
|
|
<canvas id="canvas-source-in" width="100" height="100"></canvas>
|
|
<canvas id="canvas-copy" width="100" height="100"></canvas>
|
|
<script>
|
|
var compositeTypes = ['source-in','copy'];
|
|
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText(true);
|
|
|
|
for (i = 0; i < compositeTypes.length; i++) {
|
|
var canvas = document.getElementById('canvas-' + compositeTypes[i]);
|
|
var ctx = canvas.getContext('2d');
|
|
ctx.fillStyle = '#0f0';
|
|
ctx.fillRect(0, 0, 100, 100);
|
|
}
|
|
|
|
function repaintTest()
|
|
{
|
|
for (i = 0; i < compositeTypes.length; i++) {
|
|
var canvas = document.getElementById('canvas-' + compositeTypes[i]);
|
|
var ctx = canvas.getContext('2d');
|
|
ctx.globalCompositeOperation = compositeTypes[i];
|
|
ctx.fillStyle = '#00f';
|
|
ctx.fillRect(40, 40, 20, 20);
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</body>
|