blob: 3f39ac8bd2b1a14ee2606e6ae642e82812988372 [file] [log] [blame]
<p>If this renders correctly you should see one big friendly green square.</p>
<canvas id="canvas" width="200" height="200" ></canvas>
<script>
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
context.imageSmoothingEnabled = false;
context.fillStyle = 'red';
context.fillRect(0,0,200,200);
context.fillStyle = 'green';
context.fillRect(50,50,100,100);
context.drawImage(canvas, 50, 50, 100, 100, 0, 0, 200, 200);
</script>