Warum sind diese Variablen undefiniert?

Ich habe den folgenden Code:

var canvasData;
var canvas2imgval;

imageObj1.onload = function() {
    ctx.drawImage(imageObj1, 0, 0, wdOb1, hgOb1);
    imageObj2.onload = function() {
        ctx.drawImage(imageObj2, imgposLeft, imgposTop, wdOb2, hgOb2);
        //img = c.toDataURL("image/png");
        //document.write('<img src="' + img + '" width="256" height="256"/>');
        //canvas2img
        canvasData = c.toDataURL("image/png");
    }

}
console.log("canvasData : "+canvasData ); 
$("#canvas2img").val(canvasData) ;
canvas2imgval = $("#canvas2img").val() ;
console.log("canvas2imgval1 : "+canvas2imgval ); 

Das Problem ist, wenn ich den Wert beider Variablen anzeigen,canvasData istundefined undcanvas2imgval1 hat keinen Wert. Ich weiß nicht, was mit meinem Code los ist. Normalerweise werden diese beiden Variablen mit dem Schlüsselwort JavaScript als öffentlich markiertvar.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage