Sei que é possível espelhar horizontalmente uma `<img>` com CSS, mas
queria saber se é possível espelhar horizontalmente uma imagem dentro de um `canvas`. 

Exemplo:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    var onload = function() {
        var canvas = document.querySelector("#canvas");
        var ctx = canvas.getContext("2d");
        var img = document.querySelector("#img");
        canvas.height = img.height;
        canvas.width = img.width;
        ctx.drawImage(img, 0, 0);
    }


    img.completed ? onload() : img.addEventListener('load', onload);

<!-- language: lang-html -->

    <div>Imagem original:</div>
    <img src="https://i.sstatic.net/pA0a1.png" id="img">

    <div>Resultado Canvas:</div>
    <canvas id="canvas"></canvas>

<!-- end snippet -->




Como eu posso fazer isso?