Hey,guys! 让我们一起用HTML5实现一下简易时钟吧！接触canvas时， 我突然有一种非常熟悉的感觉------canvas的部分的功能其实和Photoshop中的 钢笔工具 是一样的。所以，如果你对PS里的钢笔工具 运用自如的话，恭喜你，canvas你将很快上手~~说下对HTML5中ca...
分类：
Web程序 时间：
2014-07-07 16:49:26
阅读次数：
241
我们一般直接为canvas元素设置width与height属性来指定大小，但是，当我们使用css设置canvas元素大小的时候，会发现一些奇奇怪怪的问题，比如，坐标偏移，图形缩放等，根据原因在于canvas元素尺寸与绘图表面尺寸的区别
分类：
其他好文 时间：
2014-07-07 08:16:27
阅读次数：
301
首先说明：由于各浏览器对svg动画事件支持不统一，此loading动画在Firefox，Opera，Chrome中均没有问题，IE和Safari中有问题，可能是不支持SIML写动画的语法，但是用Canvas写的话，在颜色的渐变方面会有问题： 线性渐变需要传递四个参数 xstart:渐变开始点x坐.....
分类：
其他好文 时间：
2014-07-07 08:13:01
阅读次数：
310
源码：http://download.csdn.net/detail/liumingm900913/7469969 游戏开发流程：1、创建画布：将画布放在div标签里面，这样能够控制画布居中的位置，再对div标签加上一些样式比方border和border-radius，这样一来使其看上去像手机，利....
分类：
Web程序 时间：
2014-07-03 22:33:51
阅读次数：
345
Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。C...
分类：
Web程序 时间：
2014-07-03 00:41:16
阅读次数：
1001
Jqueryeasyui:实现前端数据包格式化输出，支持多种模块式定义，只需要添加相应的预设参数即可实现丰富的前端。资料参考：http://www.jeasyui.com/Jquerysparkline:基于jQuery的js插件，底层调用html5的canvas标签，并通过js动态实现在数据表行内画条形图或趋势图，操作简单，可..
分类：
Web程序 时间：
2014-07-02 15:46:17
阅读次数：
479
新特性HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、emai...
分类：
Web程序 时间：
2014-07-01 19:07:37
阅读次数：
318
1.canvas.toDataUrl压缩图片canvas的toDataUrl方法可以将内容导出为base64编码格式的图片，采用base64编码将比源文件大1/3，但是该方法可以指定导出图片质量，所以前端可实现上传图片的压缩。先通过fileApi拿到本地图片地址，然后新建一个Img元素，图片绘制到c...
分类：
其他好文 时间：
2014-07-01 00:40:54
阅读次数：
456
最近用开源的AdminLTE做框架感觉效果特别好，其针对图表库Morris.js和flot都提供了不错的支持，也都提供了这两者的例子。不过Morris.js是基于Raphael.js来的，也就是其使用SVG和VML来绘制图形，而flot则是使用Canvas进行绘制，在绘制效率和浏览器兼容性等方面会有...
分类：
Web程序 时间：
2014-06-30 12:12:21
阅读次数：
582
