Canvas画布插入图片

JS：if(text.indexOf("奖品名1") >= 0) {
        var img = document.getElementById("图片ID1");
        img.onload = function() {
              ctx.drawImage(img, -24, -10, 50, 34);//相对位置X轴、Y轴、图片宽、图片高
        };
        ctx.drawImage(img, -24, -10, 50, 34);//相对位置X轴、Y轴、图片宽、图片高
} else if(text.indexOf("奖品名2") >= 0) {
        var img = document.getElementById("图片ID2");
        img.onload = function() {
              ctx.drawImage(img, -24, -10, 50, 34);
        };
        ctx.drawImage(img, -24, -10, 50, 34);
}
PS：'text'是画布上面的奖品名称
body：<img src="图片1.png" id="图片ID1" style="display:none;" />
<img src="图片2.png" id="图片ID2" style="display:none;" />