jQuery推迟不工作铬和Safari浏览器？

Question

我想要drawImage放在画布标签上，然后再次保存。我使用jQuery的deferred.done()。

这里是我使用的代码：

function save_submit() { 
    LoadDraw().done(function(){ 
     var canvas = document.getElementById('touchpaint'); 
     var ctx = canvas.getContext('2d'); 
     var image = canvas.toDataURL(); 
    }); 
var LoadDraw = function() { 
    var r = $.Deferred(); 
    var canvas = document.getElementById('touchpaint'); 
    var ctx = canvas.getContext('2d'); 
    var imageLoader = 'http://img262.imageshack.us/img262/3453/gokum.jpg'; 
    var img = new Image(); 
    $(img).load(function(){ 
     ctx.globalCompositeOperation = "destination-over"; 
     ctx.drawImage(img,0,0); 
    }); 
    img.crossOrigin = ''; 
    img.src = imageLoader;  
    r.resolve(); 
    return r; 
    } 

它工作正常的Firefox。但在Chrome和Safari上不起作用。我正在寻求帮助。谢谢。

Answer 1

那么，你没有正确使用Deferred。 Deferred对象的想法是在某种回调函数中解析它，而不是在创建它之后“直接”解析它。

在你的情况，你可能应该解决在$（IMG）.load回调函数的延迟（R）：

var LoadDraw = function() { 
    var r = $.Deferred(); 
    var canvas = document.getElementById('touchpaint'); 
    var ctx = canvas.getContext('2d'); 
    var imageLoader = 'http://img262.imageshack.us/img262/3453/gokum.jpg'; 
    var img = new Image(); 
    $(img).load(function(){ 
     ctx.globalCompositeOperation = "destination-over"; 
     ctx.drawImage(img,0,0); 
     r.resolve(); 
    }); 
    img.crossOrigin = ''; 
    img.src = imageLoader;  

    return r; 
    }