使用图像作为填充JS而不是颜色（在加载时不显示）

Question

我正在使用JavaScript构建一个破砖者类型的游戏，我想使用图像作为填充而不是颜色，我可以找到关于如何做的唯一信息包括首先显示图像，然后使用它在JS方法调用中，这不是我想要做的。基本上，我希望我选择的所有图像在页面加载时显示为“砖块”。这是我的颜色工作代码。只想用图像替换它。谢谢！

function drawBricks() {
for(c=0; c<brickColumnCount; c++) {
    for(r=0; r<brickRowCount; r++) {
        if(bricks[c][r].status == 1) {       
            var brickX = (c*(brickWidth+brickPadding))+brickOffsetLeft;
            var brickY = (r*(brickHeight+brickPadding))+brickOffsetTop;
            bricks[c][r].x = brickX;
            bricks[c][r].y = brickY;
            ctx.beginPath();
            ctx.rect(brickX, brickY, brickWidth, brickHeight);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }
    }
}

}