Блокировка / разблокировка холста 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();
});