让hammer完美支持Pixi.js

由于项目改造，采用2D webG的pixi库，那么基于canvas的结构上，事件就是最大的一个问题了

改造的原理很简单，把hammer里面的addEventListeners事件绑定给第三方库代替，事件的绑定由第三方控制即可

hammer是负责接收事件消息即可。

传递一个pixi引用，即每个canvas内部的精灵对象的引用，因为要给每一个对象绑定事件

hammer内部：

hammer的addEventListeners事件绑定由第三方绑定替换

替换

注意一个的问题就是：

hammer给的ev是经过包装的对象，所以需要取ev.originalEvent，事件对象

最后一个修改touchAction类，canvas是没有，所以在涉及调用touchAction的时候，需要判断下取消

至此，hammer库很完美的支持了Pixi.js - 2D webG/canvas库。。。。

让hammer完美支持Pixi.js - 2D webG库相关推荐

pixi.js v5 快速了解
pixi.js 追求简单, 性能,高价值. pixi.js v5比v4代码减少了20%,更加模块化,更加优雅 pixi.js一步一脚印,版本持续稳定的更新, 深入学习pixi.js的话,你将收获很多 ...
风一样的HTML5 2D渲染引擎Pixi.js——真正意义的跨平台开发工具
摘要:Pixi.js是一款超快的开源HTML5 2D渲染引擎,由于其使用了带有Canvas回调功能的WebGL,开发者不需要了解WebGL便可以感受到硬件加速的强大力量.Pixi.js作为JavaSc ...
H5 2D渲染引擎—Pixi.js 精灵的位置、大小、旋转、移动
根据 H5 2D渲染引擎-Pixi.js 渲染器.舞台和精灵的创建,创建精灵(不做其他设置)并添加到渲染器后,精灵默认的位置是在渲染器的左上角(x=0,y=0),大小为原图片大小. 定位可以通过改变 ...
js日历控件，值得收藏，完美支持自定义
My97日期控件一个非常好用的日期控件,功能非常优秀,绝对是你一直想要的日期控件. 演示地址: http://www.my97.net/dp/demo/ 下载1: http://www.cnblog ...
完美支持--WIN11--Crack--LightningChart-10.3.2.2
实例探究--LightningChart,Crack完美支持Windows11 破解版了解LightningChart的客户如何在他们的应用程序中实施 LightningChart ®,成为现实生活中 ...
Towxml 3.0来了，让小程序完美支持Markdown
Towxml 3.0来了,让小程序完美支持Markdown 查看全文 http://www.taodudu.cc/news/show-805307.html 相关文章: 数据接口的登录态校验以及JWT ...
scss2css vscode设置_VSCode下让CSS文件完美支持SCSS或SASS语法方法
VSCode下让CSS文件完美支持SCSS或SASS语法方法习惯Webpack + PostCSS后, 通常PostCSS都是直接对CSS文件进行处理, 但是大部分习惯SCSS/SASS/LESS的 ...
泡泡提示加强版完美支持XHTML（JavaScript）--zhuan
from :http://ayi.ck97.com/post/190.html 随着WEB标准化的进程,网站正在逐渐向XHTML过渡,在这个过程中,也慢慢发现了非常多的问题. 原先的泡泡提示组件就已经 ...
PIXI.JS兼容微信小游戏
来自:PIXI兼容微信小游戏 - 天之道利而不害 - 博客园 PIXI兼容微信小游戏首先导入官方的weapp-adapter,然后导入pixi.min.js,微信小程序使用ES6的module引用模 ...
数独动态解题演示小网站 - 基于Vue/pixi.js/Flask
解数独不难,但如果能动态演示解题步骤就更好了. 参考:最难数独的快速解法 - python https://www.jianshu.com/p/1b2ee6539d4b 功能读取公开网站的数独题目 ...

让hammer完美支持Pixi.js - 2D webG库

让hammer完美支持Pixi.js - 2D webG库相关推荐

最新文章

热门文章