随笔分类 -  前端

pixi.js 自定义光标样式
摘要：pixi 介绍 Pixi是一个超快的2D渲染引擎，通过Javascript和Html技术创建动画或管理交互式图像，从而制作游戏或应用。 项目地址：https://github.com/pixijs/pixi.js API 地址：https://pixijs.download/dev/docs/ind 阅读全文
posted @ 2021-01-11 10:41 傅小灰 阅读(1301) 评论(0) 推荐(0) 编辑
pixi.js 图像资源(svg)转纹理
摘要：当Pixi使用WebGL去调用GPU渲染图像时，需要先将图像转化为GPU可以处理的版本。而能够被GPU处理的图像就叫做纹理，在pixi中使用纹理缓存来存储和引用所有纹理。通过将纹理分配给精灵，再将精灵添加到舞台上，从而显示图像。 图像转化为纹理的方式 1. app的loader对象 Pixi强大的l 阅读全文
posted @ 2021-01-03 19:21 傅小灰 阅读(2397) 评论(0) 推荐(0) 编辑
pixi.js 简单交互事件(点击、缩放、平移)
摘要：注意：本文代码使用的Pixi.js版本为PixiJS 5.3.3 pixi中常用的鼠标交互事件： //兼容鼠标和触摸屏的共同触发 type InteractionPointerEvents = "pointerdown" | "pointercancel" | "pointerup" | "poin 阅读全文
posted @ 2020-12-24 14:44 傅小灰 阅读(11762) 评论(0) 推荐(0) 编辑
pixi.js持续渲染页面
摘要：Pixi是一个超快的2D渲染引擎，通过Javascript和Html技术创建动画或管理交互式图像，从而制作游戏或应用。 项目地址：https://github.com/pixijs/pixi.js API 地址：https://pixijs.download/dev/docs/index.html 阅读全文
posted @ 2020-11-30 17:50 傅小灰 阅读(1960) 评论(0) 推荐(1) 编辑
在同一页面中显示多个echart图表
摘要：整理了一下大概有两种做法来实现在同一个页面中显示多个echart图表，废话不说直接上代码。 1. 在同一个echart对象中绘制多个图表 2. 创建多个echart对象并分别绘制图表 阅读全文
posted @ 2019-07-02 22:33 傅小灰 阅读(17283) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示