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

）;

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

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，因为该网站在发布此版本时已关闭。

使用Pixastic插件后，Canvas侦听器无法正常工作

2 个答案: