是否可以使用javascript将jpg图像放入画布

Question

我目前正在尝试使用javascript创建游戏，我想使用绘制为sprite的jpg图像并将其放入画布中，然后进一步控制该sprite使其左右移动，但是我似乎无法弄清楚如何让图像在画布上显示

我已经搜索了一些类似的问题，例如：How to add image to canvas 我添加的图像不是来自浏览器，而是从计算机桌面上下载的图像。

我在上述解决方案中使用了代码，但未显示图像

var canvas = document.getElementById('canvas'),
context = canvas.getContext('2d');

make_base();

function make_base()
{
  base_image = new Image();
  base_image.src = 'pic.jpg';
  base_image.onload = function(){
  context.drawImage(base_image, 0, 0);
  }
}

我不希望图像是背景，而是希望可以用作角色的图像（例如游戏中的精灵）。有没有其他解决方案来解决这个问题，或者我做错了什么。