Pixi 内置一组功能有限的用于鼠标交互和触摸交互的方法，但是对于游戏和应用程序所需的丰富交互性，建议使用第三方库来简化操作，这篇文章介绍的是 Tink 库，它有通用的指针对象、拖放精灵、按钮对象、键盘控制 …

动画实现的几种方式：性能排序js < requestAnimationFrame <css3< Canvasjs实现方式：1.setTimeout 自身调用 eg12.setInterval 调用 eg2setTimeout的定时器值推荐最小使用16.7ms的原因（16.7 = 1000 / 6…

基于canvas的三次贝塞尔曲线(bezierCurveTo) {代码…}

Pixi 没有内置的碰撞检测系统， 所以这里我们使用一个名为 Bump 的库，Bump 是一个易于使用的2D碰撞方法的轻量级库，可与 Pixi 渲染引擎一起使用。它提供了制作大多数2D动作游戏所需的所有碰撞工具。

HTML5 < canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。

补间动画指的是，我们可以通过为精灵的位置、比例、透明度，等属性，设置开始值和结束值，制作动画，动画中间需要的部分由软件自动计算填充。

开发要求：在实习时分配的一个页面，有三个标签，默认加载的是一个table，后两个标签都是echarts图表，但是三部分用的是相同的数据，包括分页。

如果图片宽高不等，使图片的长边能完全显示出来，则原图片高的一边缩放后等于固定盒子对应的一边，等比例求出另外一边，

之后利用canvas的自带方法再次转换成base64，再对base64进行解码存储到数组缓存区，生成blob，然后创建下载链接就完了。

写在前面 本文首发于公众号：符合预期的CoyPan demo体验地址及代码在这里：请用手机或浏览器模拟手机访问 上一篇文章介绍了canvas中的拖拽、缩放、旋转中涉及到的数学知识。可以点击下面的链接查看。 canvas中的…