离屏操作： 1.创建一个新的离屏canvas; 2.把一些复杂额绘画操作（背景），画在离屏canvas上； 3.将离屏canvas通过drawImage（离屏canvas对象，x1,y1,offcanvas.width,offcanvas.height,x2,y2 ...

教程所示图片使用的是 github 仓库图片，网速过慢的朋友请移步>>> （原文）canvas 离屏技术与放大镜实现。 更多讨论或者错误提交，也请移步。 利用canvas除了可以实现滤镜，还可以利用离屏技术放大镜功能。 为了方便讲解，本文分为 2 个应用部分 ...

实现场景：定义一个1000*800的方框，圆球在其中移动，碰撞到边框弹回的动画。方框背景是半径为10的小圆球组成。鼠标移动到移动圆球时，圆球停止运动。 html代码： js代码： 效果是这样： ...

由于公司最近项目不是很忙，所以，自己利用闲暇的时间来研究了一阵子的htm5和css3，正巧，公司最近要对以前的项目进行一次统一的升级，而我被告知时，主要是在以前的版本中加入一些页面动画。有4人参与了动画特效的编写，我很幸运自己也被选中。 第一次做动效还是用css3,心里好激动。虽然自己对css3 ...

在画布元素<canvas>中，除了绘制图形、图像、文字外，还可以制作一些简单的动画，制作过程十分简单，主要分为两步操作： 1．自定义一个函数，用于图形的移动或其他动作。 2．使用setInterval方法设置动画执行的间隔时间，反复执行自定义函数。 下面通过实例介绍在< ...

简介 在codepen上看到一个Canvas做的下雨效果动画，感觉蛮有意思的。就研究了下，这里来分享下，实现技巧。效果可以见下面的链接。 霓虹雨: http://codepen.io/natewiley/full/NNgqVJ/ 效果截图： Canvas动画基础 大家都知道 ...

pixijs离屏渲染的方法(canvas渲染canvas) 渲染好 再移除掉原来的就行了 再补充下 app.renderer.extract 这类函数 参数一般都用画布 就行了 其他类型别用 他获取的都是原来的图片大小来计算的 ...

canvas动画3 时隔很久，本人终于又写博客了（重度拖延症），把之前留下的canvas交互动画讲一讲。 电脑上的交互，指的是鼠标和键盘，我们今天主要用的是鼠标。 既然是鼠标的话，就要获取鼠标的各种事件，这次以mousemove做示例。 我们先定义一个鼠标对象，然后添加 ...