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(); 
});