<!DOCTYPE HTML>
<canvas width="100" height="100" id="c" style="background: #f00"></canvas>
<script>
  window.onload = function () {
    var ctx = document.getElementById('c').getContext('2d');

    ctx.globalCompositeOperation = 'lighter';
    ctx.scale(5, 5);
    ctx.strokeStyle = '#0f0';
    ctx.lineWidth = 10;
    ctx.strokeRect(5, 5, 10, 10);
  }
</script>