动画的思路大概是这样：一开始待机状态会有泡泡冒出来，点击监听泡泡会聚集成一个正方形，大概停留一秒向两边分散成若干小正方形，然后正方形高度变化形成声波动画，点 击思考会有一个思考的loading动画。 css3实现 首先想到的是用比较熟悉的css3来实现，实现的效果如下： JS Bin css3使用关键帧实现的，配合sass来实现一些计算，局限在于动画执行到一半的时候过渡到另一个动画没有衔接，点击监 …阅读全文

在几年前HTML5还没有流行的时候，我们的项目经理曾经向我提出这样一个需求：让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件里提供这样一个功能：打开浏览器，登录，进入评审意见页，页面最下部有个方块区域，用户在这里用触摸笔进行签名，然后这个签名将会保持的服务器上。 这样的一个需求在当时是让我大费周折，但如今想起来，如果用html5的canvas实现，真是太简单了。在《将画 …阅读全文

上周我们花了半天时间开发下一个准备放进Mozilla Marketplace的应用。有一个应用现在非常的火热，那就是Instagram，Facebook花了100万美元收购了它。我们也想有100万美元装到口袋里，我决定开发一个Instagram风格的应用，这篇文章了我将介绍一下如何将一张图片拷贝到canvas里，以及反过来，如何将画布内容保存成图片格式。 观看演示 使用JavaScript将图片拷 …阅读全文

html5 canvas图像转换成数组 html5的canvas可以进行图片处理，图片是由像素组成的。我们知道canvas有方法[代码片段]，返回的对象中可以取出，image的data 数组（类似数组的Type Array类型数组，Uint8ClampedArray）。 假设canvas宽高是500*400，那么应该有200000个像素点，而通过[代码片段]获取的data数组的[代码片段]是800 …阅读全文

canvas