画布侦听器在使用 Pixastic 插件后不起作用
Canvas listener don't work after using Pixastic plugin
我在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);
}
);
检查 leaveDOM 参数,它可能会有所帮助。
在我的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,因为该网站在发布此内容时已关闭。
相关文章:
- 如何在Angular2中使用jQuery插件
- 可以前端maven插件使用节点,npm已经安装
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- TableExport jquery插件:文件名和扩展名问题
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- jQuery插件-从插件中调用公共方法
- 压缩phonegap中ios的图像插件
- jQuery粘性插件可变顶部间距
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 高亮显示与数组字符串一起使用时文本插件中断
- 如何为jQuery屏蔽输入插件创建一个允许字母数字、空格和重音字符的掩码
- Wordpress插件根据需要加载js和css
- jQuery Wan Spinner插件的多个字段
- jQuery Facebox插件:关注弹出的外观
- CKEditor v4:自制插件中对话框的动态标题
- Jquery标签插件粘贴问题
- 画布侦听器在使用 Pixastic 插件后不起作用