具有绘图功能时，将图像添加到HTML画布

Question

我正在使用javascript制作一个突破性的游戏，我需要有3个图像作为块，但是我在显示图像时遇到了麻烦。我的代码中还有另一个绘图功能，并且想知道这是否与问题有关。下面是我用于绘制图像和初始化函数的javascript代码。

function init() {
    ctx = $('#canvas')[0].getContext("2d");         
    intervalId = setInterval(draw, 10);
}

function draw() {
    clear();
    ctx.fillStyle = "#00A308";
    ctx.fill();
    rect(paddlex, paddley, paddlew, paddleh);           
    if (fireCircle())  {
        circle((paddlex) + (paddlew/2), y, r); 
    }
}


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

home.onload = function() {
    context.drawImage(home, 100, 50);
}
home.src = "NavBarHome.png";