如何加载图像，在其上绘制（原始大小），然后将其缩放以适合画布？

Question

目前我有这段代码：

    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');
    var imageObj = new Image();

    imageObj.onload = function() {
      context.drawImage(imageObj, 0, 0);
    };
    imageObj.src = 'assets/img/img.png';

这会在我的画布中加载图像。之后我有一个代码在图像上绘制一些图形。

目前我已将图像文件缩放为画布大小。但我希望它能像原来那样以更高的分辨率获得，并且能够在原始分辨率上绘制。但是显示在画布窗口内缩放的最终图像。我怎样才能做到这一点？