canvas-drawImage-alpha-2.html

Enable keyboard shortcuts

<html>

  <head>

    <script type="text/javascript">

      function go() {

        var canvas = document.getElementById("canvas");

        var ctx = canvas.getContext("2d");

        var image = document.getElementById("image");

        // Draw some orange

        ctx.fillStyle = "orange";

        ctx.fillRect(0, 0, 200, 200);

        ctx.globalAlpha = 0.75;

        ctx.drawImage(image, 0, 0, 200, 200);

    </script>

  </head>

  <body onload="go()">

    <canvas id="canvas" width="200" height="200"></canvas>

    <img id="image" src="squaredCircle-viewBox-100x100.svg" style="display: none">

  </body>

</html>