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

锁定/解锁HTML5画布

2 个答案: