js运行效率在提升

编程语言的效率是前提,js自然比不上native的C语言效率,所以Canvas效率无疑比不上原生的2D图形绘制,但是js效率的提升是有目共睹的,以js与as为例,基本操作(运算操作,集合操作,Map操作)已经超越ActionScript,尤其是Google Chrome浏览器与as拉开了不小的距离,甚至某些方面超过java.

Canvas绘制效率不低

Canvas没有dom操作,只是简单的2D绘制,所以效率不低,Chrome浏览器下,每秒可绘制五万个基本图形元素(圆形,矩形或者线条),如果有阴影效果会慢很多,总的来说上万元素的绘制还是很轻松的

适合简单应用

因为简单,做一些像素处理,2D绘制,小游戏啥的还是很方便的,国际上有javascript 1k作品大赛(http://js1k.com/),用1024字节的js代码,实现丰富的效果,基本上都用到canvas,所以在轻量小巧方面很有优势

附上SVG与Canvas的适用范围

复杂应用借助第三方开发包

对于复杂应用,需要自己来解决无效区域,局部刷新,交互选中等功能,自己实现有些难度,这时候我建议借助第三方开发包

Canvas学习资料

http://www.w3.org/TR/2dcontext/

https://developer.mozilla.org/en/docs/HTML/Canvas

http://www.w3schools.com/html/html5_canvas.asp

第三方类库

KineticJS - kineticjs.com

EaselJS - www.createjs.com/#!/EaselJS

Qunee - qunee.com

Fabric.js - fabricjs.com

本文转载于:猿2048HTML5 Canvas绘制效率如何?

最新文章

  1. Points on cycle
  2. ABP集合帖
  3. SPRING IN ACTION 第4版笔记-第十一章Persisting data with object-relational mapping-003编写JPA-based repository( @PersistenceUnit、 @PersistenceContext、PersistenceAnnotationBeanPostProcessor)
  4. SQL跨服务器操作语句
  5. ArcGIS10的GDB文件解析(初步)
  6. android网络请求之POST方法
  7. Hello World for U (20)
  8. 命令cd
  9. C 常用的输入输出 栈 哈希 文件写读 实现 字符串处理
  10. 使用 Nginx 来反向代理多个 NoderCMS
  11. Oracle 10g RAC启动与关闭命令
  12. sim卡中电话本(ADN)的简要格式
  13. 让你提前认识软件开发(35):怎样改动SQL脚本以完毕需求?
  14. 关于AngularJS学习整理---浅谈$scope(作用域) 新手必备!
  15. redis 相关知识
  16. python提取xml属性导入Mysql
  17. CJSON在项目中的应用
  18. linux之Ubuntu学习
  19. ssh隧道的妙用
  20. kubernets实战采坑1

热门文章

  1. Java:各版本官方文档
  2. c++刷leetcode记录
  3. VirtualBox虚拟机-安装增强功能
  4. JQ,JQuery的ajax卡住了,浏览器页面卡住
  5. nginx 访问php文件报错
  6. Mac下如何自动备份目录到七牛云?
  7. 构造器注入的方式给Cart属性赋值 关系1:1;1:n
  8. Java案例——反转字符串
  9. JavaWeb 05_JDBC入门及连接MySQL
  10. SignalR 入门 .netCore实现聊天室