trying to draw image on load in javascript

Question

i want to call a function on load and it not working its in a iframe if that makes a difference. dont mind the html; thank you in advance.

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(); }

Is it because you have an Image object named back but and also a function called back? — MK Yung
– MK Yung, Commented Mar 4, 2015 at 2:10

Kevin Simple · Accepted Answer · 2015-03-04 02:12:27Z

1

do this:

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

answered Mar 4, 2015 at 2:12

Kevin Simple

1,21312 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

trying to draw image on load in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related