尝试在 javascript 中加载时绘制图像

Question

我想在加载时调用一个函数，但它不起作用它在 iframe 中是否有所作为。不介意 html；提前谢谢你。

var canvas = document.getElementById('my_canvas');
var ctx = canvas.getContext('2d');
canvas.width = 320;
canvas.height = 240;
var back = new Image();
var reg = new Image();
var spicy = new Image();
var nosauce = new Image();
var setup1 = setup();
function setup(){
back.src = "selectback.png";
reg.src = "reg.png";
spicy.src = "spicy.png";
nosauce.src = "sauce.png";
back.onload = function(){
ctx.drawImage(back, 0, 0, 321, 241);
};
}
function back(){
var test = new Image();
    test.onload = function() {
        ctx.drawImage(test, 0, 0, 300, 300);
    };
}
window.onload = function () { setup(); }

Answer 1

这样做：

document.getElementById('YourIframeId').onload = function() {
setup();
// put your awesome code here
};

尝试在 javascript 中加载时绘制图像

trying to draw image on load in javascript

javascript

canvas