鎖定/解鎖HTML5畫布

Question

有沒有可能鎖定canvas元素？在我的應用程序中，我繪製複雜的圖像，有時使用位圖。在畫布上使用位圖並不是很舒服 - 位圖後放置在畫布上的所有圖形都放置在位圖.onload中。

如果我可以鎖定和解鎖canvas，這將會容易很多，因此無法在一段時間內更新。

AFAIK沒有內置的鎖定/解鎖功能。你知道實現它的簡單方法嗎？

Answer 1

我不知道這是否是防彈或沒有，但你可以暫時使.stroke等noops：http://jsfiddle.net/eGjak/247/。

var toLock = "stroke fill".split(" "); 

function lock() { 
    $.each(toLock, function(i, name) { // or another way to loop the array 
     ctx[name] = function() {}; 
    }); 
} 

function unlock() { 
    $.each(toLock, function(i, name) { 
     ctx[name] = ctx.constructor.prototype[name]; 
    }); 
} 

Answer 2

$("canvas").attr("disable","False"); 

// bitmap .onload... 

$("canvas").attr("disable","True"); 

或者

bitmap.onload = function(){ 
    var canvas = window.getCanvas(); 
});