javascript - 使用 Pixastic 插件后 Canvas 监听器不起作用

Question

我的 Pixastic 和我的 Canvas 听众之间有一个奇怪的冲突。

当我在 Canvas 上使用 Pixastic 函数时，此操作后 Canvas 的监听器不起作用。我使用 Pixastic 插件分析了我的 Canvas ，发现 pixastic 添加了一些属性，如 tabindex(我认为与监听器冲突)。

这是我之前和之后的 Canvas :

//Before
<canvas id="mycanvas" width="727" height="600" style="border: 1px solid black; left: 36.5px; top: 21px;"></canvas>

//After
<canvas id="mycanvas" class="" width="600" height="727" style="border: 1px solid black; left: 36.5px; top: 21px;" title="" tabindex="-1"></canvas>

我使用的监听器是mousedown、mouseup、mousemove。有人可以帮助我吗？

Answer 1

Pixastic.process(canvas, 'brightness',
{
    'brightness': 60,
    'contrast': 0.5,
    'leaveDOM': true
},
function(img) {
    ctx.drawImage(img, 0, 0);
}

);

检查leaveDOM参数，可能会有帮助。