Изменение размера base64 изображения не работает в Firefox

Question

Я перепробовал много различных способов, но в Firefox, когда я изменить размер в первый раз, она возвращает пустое изображение:

function imageToDataUri(img, width, height) { 
var canvas = document.createElement('canvas'); 
ctx = canvas.getContext('2d'); 
canvas.width = width; 
canvas.height = height; 
ctx.drawImage(img, 0, 0, width, height); 
setTimeout(function() { 
    cursorimg = canvas.toDataURL(); 
}, 500); 
} 

Это моя функция, и я называю это как это:

cursorImage.onload = function(){ 
    imageToDataUri(cursorImage, width, height); 
} 

Answer 1

у меня был точно такой же вопрос, как вы, и проблема исчезла, когда я создал Canva вне «OnLoad» обратного вызова, как это:

var canvas = document.createElement('canvas'); 
var ctx = canvas.getContext('2d'); 
canvas.width = width; 
canvas.height = height; 
cursorImage.onload = function(){ 
    ctx.drawImage(img, 0, 0, width, height); 
    cursorimg = canvas.toDataURL(); 
} 

Я все еще новичок в JavaScript, я не могу объяснить, почему это сработало ...