Raw File
<!DOCTYPE html>
<html>
<body>
<canvas id="A" width=200 height=50></canvas><br />
<canvas id="B" width=200 height=50></canvas>
<script>
  var canvasA = document.getElementById("A"),
    ctxA = canvasA.getContext('2d'),
    canvasB = document.getElementById("B"),
    ctxB = canvasB.getContext('2d'),
    width = canvasA.width,
    height = canvasA.height;

  ctxB.fillStyle = 'green';
  ctxB.fillRect(0, 0, width, height);

  ctxA.fillStyle = 'red';
  ctxA.fillRect(0, 0, width, height);
</script>
</body>
</html>
back to top