Javascript 当我传入图像数据字符串（base 64）时，似乎很早就调用了Image onload_Javascript_Html_Canvas_Onload

Javascript 当我传入图像数据字符串（base 64）时，似乎很早就调用了Image onload

javascript html canvas

Javascript 当我传入图像数据字符串（base 64）时，似乎很早就调用了Image onload,javascript,html,canvas,onload,Javascript,Html,Canvas,Onload,我有一个小错误，它似乎表明，当您传入图像数据作为其源时，onload函数在图像完全加载之前被调用这是HTML <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> </head> <body> <canvas id='

我有一个小错误，它似乎表明，当您传入图像数据作为其源时，onload函数在图像完全加载之前被调用

这是HTML

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
    <canvas id='finalImage'></canvas>
</body>
</html>

如果你发现它出了什么问题，请告诉我，你已经把它弄得乱七八糟了

谢谢

outputContext.drawImage（画布，0，0）；在

context.drawImage（image，0，0，canvas.width，canvas.height）之前调用

要保证

outputContext

在

canvas

之后被绘制，则将其置于onload函数中

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');

var image = new Image();
var outputCanvas = $("#finalImage")[0];
var outputContext = outputCanvas.getContext('2d');
image.onload = function() {
    // I've also put a console.log here at one point, and it does get called.
    context.drawImage(image, 0, 0, canvas.width, canvas.height);
    outputContext.drawImage(canvas, 0, 0);
};
image.src = "data:image/jpeg;base64,/9j/4QNMR..."; // cut for sanity.

outputContext.drawImage（画布，0，0）；

在

context.drawImage（image，0，0，canvas.width，canvas.height）之前调用

要保证

outputContext

在

canvas

之后被绘制，则将其置于onload函数中

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');

var image = new Image();
var outputCanvas = $("#finalImage")[0];
var outputContext = outputCanvas.getContext('2d');
image.onload = function() {
    // I've also put a console.log here at one point, and it does get called.
    context.drawImage(image, 0, 0, canvas.width, canvas.height);
    outputContext.drawImage(canvas, 0, 0);
};
image.src = "data:image/jpeg;base64,/9j/4QNMR..."; // cut for sanity.

是的，没错。肯定错过了。谢谢你的帮助！是的，没错。肯定错过了。谢谢你的帮助！