KineticJS教程(1-2)作者:ysm @ iysm.net邮箱:cleverysm@gmail.com注:参考 http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-w...
分类:
Web程序 时间:
2014-08-14 13:50:28
阅读次数:
275
htm5 canvas绘制实时好看时钟,及save,restore,beginPath,closePath实际应用...
分类:
Web程序 时间:
2014-08-14 10:59:58
阅读次数:
354
开始zrender(Zlevel Render) 是一个轻量级的Canvas类库,这里是GitHub的网址 点我, 类似的类库有Kinetic.JS、EaselJS。 但貌似都没有zrender好用(可能是更加符合国人的习惯),强大的图表工具echarts就是在zrender基础上建立, 用zren...
分类:
其他好文 时间:
2014-08-13 18:09:36
阅读次数:
213
一个纯正的HTML5页面效果,用IE浏览器图标模拟的大风车转啊转效果,不要以为IE图标是图片!!难度在于,里面的所有东西都不是图片,而是用canvas写的,你佩服我没有用,你应该佩服HTML5的canvas引擎,好好感谢它吧。宣化上谷战国红
分类:
Web程序 时间:
2014-08-13 12:32:06
阅读次数:
232
性能运行putImageData()比drawImage()慢,同等条件下优先考虑drawImage()操作图像数据需要遍历大量数据,应该注意几点:1)避免在循环体中直接访问对象属性,应当保存在局部变量中2)应该用循环计数器遍历完整的像素,而非像素分量(每4个一组)3)逆向遍历与移位技巧效果并不好4...
分类:
Web程序 时间:
2014-08-13 01:05:24
阅读次数:
235
主要是就是在canvas上面画图,没有太多技术含量:Your browser dosen't support the HTML5 element vancas.
分类:
Web程序 时间:
2014-08-12 16:16:04
阅读次数:
597
HTML5 提供了强大的Canvas元素,使用Canvas并结合Javascript 可以实现一些非常强大的功能。本文就介绍一下基于HTML5 Canvas 的画图工具的实现。废话少说,先看成品:...
分类:
Web程序 时间:
2014-08-12 13:33:54
阅读次数:
263
操作图像的像素:getImageData() putImageData()ImageData对象调用getImageData()方法实际是获取了一个指向ImageData对象的引用,返回的对象包含3个属性:1)width以设备像素为单位的图像数据宽度 2)height以设备像素为单位的图像数据高度 ...
分类:
Web程序 时间:
2014-08-12 03:02:53
阅读次数:
242
通过HTML5 canvas画布创建简单的热点图,当鼠标划过时产生热点,停留时间越长,热点亮度越高。下面是HTML部分: Reset 接着进行变量声明及初始化:接着是绘制热点图主函数方法:function drawHeatMap() { document.get...
分类:
Web程序 时间:
2014-08-12 00:34:23
阅读次数:
465