Слушатель холста не работает после использования плагина Pixastic

Question

У меня странный конфликт между 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, Кто-то может мне помочь?

Answer 1

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

);

Проверьте параметр leftDOM, это может помочь.

Answer 2

В моей версии 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, так как в данный момент сайт не работает.