Javascript 画布侦听器don'；使用Pixastic插件后无法工作

皮克斯提克和我的画布听众之间有一种奇怪的冲突

当我在画布上使用Pixastic函数时，此操作后画布的侦听器不工作。我使用Pixastic插件分析了我的画布，发现Pixastic添加了一些属性，如tabindex（我认为与侦听器冲突）

这是我之前和之后的画布：

//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

。有人能帮我吗

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

))

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

在我的Pixastic版本（0.1.3）中，有一个参数允许您设置目标画布

试试这个

var canvas = document.querySelector('#my_canvas');
// Since you specify what canvas the result should be rendered to,
// no replacing is occured
Pixastic.process(canvas, 'brightness',{'resultCanvas': canvas}); 

console.log(canvas === document.querySelector('#my_canvas')); // Should be true

---

不幸的是，我无法检查Pixastic的最新版本，因为发布此信息时网站已关闭。

在某些情况下，Pixastic会替换画布以显示其结果。你确定它还是你的画布吗？我会尝试直接在html代码中添加一个多余的属性，如test=“imhere”。