无分类 使用Fabric.js玩转H5 Canvas 之前使用这个框架写过一个卡片DIY的项目，中间遇到很多问题都只能通过google或github issues才能解决，国内资料较少，所以才想写这篇文章来简单的做下总结，希望可以帮到其他人哈。
javascript 学习 PixiJS — 视觉效果 平铺精灵是一种特殊的精灵，可以在一定的范围内重复一个纹理。你可以使用它们创建无限滚动的背景效果。要创建平铺精灵，需要使用带有三个参数的 TilingSprite 类（PIXI.extras.TilingSprite）
javascript canvas——橡皮筋式线条绘图应用 思路很简单，只有橡皮筋式绘制功能要注意，以下总结mousedown，mousemove，mouseup三个阶段的思路 mousedown：记录start位置，drag（记录是否处于拖动状态）设置为true，getImageData(橡皮筋效果关键1) mousemove…
无分类 canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备 最近做了一个移动端活动页的需求，大概就是diy一个页面。用户可以对物料进行拖动、缩放、旋转，来达到diy的目的。用DOM来实现是不现实的，我采用了canvas来实现和用户的交互。开发过程中，涉及到了canvas中对物料…
javascript canvas学习笔记-贝塞尔曲线 ctx.quadraticCurveTo(cpx, cpy, x, y); 二次贝塞尔曲线，(cpx, cpy)控制点 (x, y)终点 ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y); 三次贝塞尔曲线，(cp1x, cp1y)控制点一, (cp2x, cp2y)控制点二， (x, y…
javascript canvas学习笔记-绘制矩形及路径(一) 2. 矩形 canvas只支持一种原生的图形绘制：矩形。 所有其他的图形的绘制都至少需要生成一条路径。 绘制矩形三种方法： {代码…} 矩形示例 3. 路径 图形的基本元素是路径。路径是点的集合。使用路径绘制图形一般…
javascript canvas学习笔记-绘制简单路径 moveTo(x,y) 移动画笔到指定的坐标点(x,y)lineTo(x,y) 使用直线连接当前端点和指定的坐标点(x,y)stroke() 根据当前的画线样式，绘制当前或已经存在的路径
javascript canvas学习笔记-2d画布基础 < canvas > 是一个可以使用脚本（通常是js）来绘图的HTML元素 < canvas > 最早由Apple引入WebKit，用于Mac OS X 的 Dashboard和 Safari 如今，所有主流的浏览器都支持它（IE9+,更低版本需引入Explore…
javascript 学习 PixiJS — 粒子效果 你如何创造火，烟，魔法和爆炸等效果？你制作了许多小精灵，几十，几百，甚至上千个精灵。然后对这些精灵应用一些物理效果，使它们的行为类似于你尝试模拟的元素。你还必须给他们一些关于它们应该如何出现和消失…
