使用 Opera 发出 onload() 画布问题

Question

我制作了一个应用程序画布。每次调用draw()函数时，都会在画布上绘制多个图像。问题是 Opera 不起作用。 Onload 功能并不总是有效。

    function draw(){
    ctx.clearRect (0, 0, canvas.width, canvas.height);
    var img = new Image();
    img.src = srcvolets;
    img.onload = function(){
        ctx.drawImage(img, 0, 0,canvas.width,canvas.height);
        if(srccouleur!=null){
            var img2 = new Image();
            img2.src = 'images/couleurs/'+volets+'/'+srccouleur+'.png';
            img2.onload = function(){
                ctx.drawImage(img2, 0, 0,canvas.width,canvas.height);
                if(srcsculpture!=null){
                    var img3 = new Image();
                    img3.src = cheminsculpt+srcsculpture;
                    img3.onload = function(){
                        if(volets=='furno'){
                            ctx.drawImage(img3, 175, 235);
                        }else{
                            ctx.drawImage(img3, 175, 242);
                        }                           
                    }
                }
}}}}

谢谢。 （对不起我的英语，我说法语）

Answer 1

我认为这与缓存的图像以及设置之前的 onload 触发有关。

您可能需要在设置 src 之前尝试设置 onload。请参阅这篇有关该问题的文章。