说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

85后程序员:独自一人,完成一个HTML5开源图形库

HTML文档下载 WORD文档下载 PDF文档下载
王鹤,09年毕业于南昌大学,独自一人开发了一个基于HTML5的开源图形库。王鹤说,我们有责任贡献个人薄弱的力量,弥补国内开源界与国外的差距。本文中,他为我们详述了JavaScript代码重构以及Canvas与SVG细节对比。

王鹤(英文名taylor),85后程序员,09年毕业于南昌大学软件工程专业。一直从事JavaEE的企业应用的研发和架构设计工作,初期从事过OA,CRM等企业项目研发。独自一人开发完成了基于HTML5的开源图形库:ichartjs。使用纯JavaScript语言, 利用HTML5的Canvas元素绘制各式图表,为Web App图表展示方面提供解决方案。ichartjs是基于Apache License 2.0协议的开源项目。


王鹤

王鹤拥有一个倔强的技术信仰:“技术这条道路虽然崎岖,但值得坚持”。近日,CSDN记者采访到了王鹤,他为我们详细解读了HTML5技术以及与HTML5技术有关的、方方面面的细节。

CSDN:是什么原因(或理想)促使您开发一个基于HTML5的图形库呢?

王鹤:我认为主要有三点原因。第一,HTML5作为新一代的Web技术。引导着未来Web的走向。第二,没有任何一款产品是适合所有行业的,特别是一些不常见的图表类型或者个性化需求。比如:材料力学性能状况分析(非线性图表)、石化炼油综合分析(油罐图)等。展望未来,在专业领域,这样的需求会越来越多。ichartjs也是基于此应运而生的,它适用于这类需求的个性化开发。第三,国内开源软件的氛围与国外存在一定的差距,我们有义务、有责任贡献个人一点薄弱的力量,传播知识、传递理想。


ichartjs 2D饼图

CSDN:如今HTML5技术被热炒,有人说至少两三年才能成熟。您认为现在是启动HTML5开发好的时机吗?有开发者表示,当前国内仍有许多用户使用的是落伍的IE6浏览器,HTML5技术的运用无法大面积普及,您如何看待这一问题?

王鹤:人类阻挡不了技术的变革前进的脚步。在这个信息全球化的时代里,技术更新周期越来越短,机遇稍瞬即逝。尽早掌握未来的主流技术,利于我们在激烈的市场中屹立不倒。由IT界领军公司来推动HTML5,有条件的公司和组织也应该尽早参与进来。开发者们则应该有敏锐的嗅觉,快速了解和掌握HTML5技术,为市场提供充足的人才保障。HTML5的大面积普及,IE6并不是主要原因,只能是其中一个次要原因,它的普及需要一个过程,需要市场的慢慢成熟。另外,HTML5还有一大领域就是移动互联网,移动互联平台上不存在IE6的问题。

CSDN:Canvas是HTML5中一个非常灵活的元素,对于开发富媒体应用程序能够发挥巨大作用。此外,SVG也是HTML5一个重要的属性。请谈谈您对Canvas以及SVG的理解。

王鹤:不断进步的Web将需要更加丰富的表现形式来满足视觉需求,Canvas和SVG无疑在图形图像方面充当了非常重要的角色,也让我们除了Flash之外有了更多的选择。技术上的变革意味着更多的创新将要到来,随之改变我们的生活。目前,网络上有许多关于Canvas和SVG之间对比非常好的文章。在此,根据我在使用过程中的经验,提出自己的一点点拙见。首先,先来看一下这两种技术的关键特点的对比:


VB数据库编空字段的处理 VB数据库多字段记录的录入 VB数据库记录查询四法 vb应用程序访问sql server方法探讨 VB中超长OLE数据库字段的操纵方法 VB中将数据转换为数据库文件 VB中远程数据库的访问 Visual Basic 的数据库编程 Visual Basic数据库数据的选项录入及选项增减与编辑 把资料输往Excel来列印-VB资料 报表中的滚动问题-VB资料 编写Connect Strings-VB资料 表或查询是否存在-VB资料 不创建DSN直接在程序中使用ODBC数据源-VB资料 不用 DATA 控件操作数据库文件 -VB资料 不用 EOF 以加快记录循环-VB资料 处理Select语句中的单引号 -VB资料 断开所有的数据连接 -VB资料 访问VB外来数据库 非access数据库在vb中的编程及应用 关闭程序中所有创建的数据库连接。 -VB资料 关闭所有的数据连接 -VB资料 关于数据报表的打印设置-VB资料 VB建立、改变及重构Access数据库-VB资料 结构化查询语言(SQL)详解之一-VB资料 利用VB使ACCESS数据库在网络使用中保持同步 返回 连接Data到多个表单-VB资料 列出 SQL Server 数据库中所有的存储过程-VB资料 列出MDB档当中所有table的名称-VB资料 您想知道有谁正在使用您的 Access 文件吗?(多人环境中)-VB资料 主题:浅谈Excel 的VB编程 如何实现字符串扫描? 我从来没用过C#,也不会,不过这个关于其运行的问题我确想先知道! 一个老问题! 今天我给一个男人骚扰了一回 有个问题,朋友们请进.sos 一个非常简单的问题 TListItem的Data属性(void)如何使用呀,如何读出它的值呢? bmp to ico 今天看到一个怪现象~! 软件过来人为小弟指点~~ bmp to ico 如何打开控制面板 高分求教,我爱上了兄弟的女朋友,我该怎么办?(100分) 求助:在首次适应算法和最佳适应算法中,分区分配和分区回收的c语言实现。 同在一个城市,呼吸着同样的空气,都为这老板的几块大洋打拼,蓦然回首才知道已经几年了,也该为自已的未来思考一下了。。。 请问有关两个宏 bmp to ico 硬盘无法访问的问题,急!!!估计是被黑了 ISA2000中的问题,特急,在线求助 处理窗口关闭时的动作? 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 请问不通过Image控件如何用直接用DC来显示一个BMP?? 请问现在数据库开发技术有哪些?大致情况? 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 请问汇编用什么编译器最好啊? 有什么可以下的电影啊,提供网址,谢谢 下午闷啊:( 怎样让字体自动适应分辨率 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) RowCount属性怎么用 VCL派生类的属性发布问题,请高手指教 中国能否成为世界第一? 有关cisco路由器上copy子集的疑问 怎样将msn的email用outlook express收到本地! 请告知msn的 pop smtp服务器 如何动态画出函数的图象? 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 有创意的T恤~~ Transaction not connected! 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 高手求救 aspnetnemu注册吗 陨落雕老弟昨日开始中考,祝福他,放分! installshield打包时可以加入密码吗? 救命! 怎么在WM_DRAWITEM自画LISTVIEW? 有关txt文件操作的问题? 一个很奇怪的问题,高手请看, 马上给分 那里有更多的skinengine换肤文件? 奇怪的问题,高手请看,马上给分! 怎样给一个OLE控件其内置的事件编写脚本? 尽吾志,无悔矣的现实例子 为什么大块铝的密度大于小块铝密度是错的?密度、质量分别是什么意思?刚刚初学的,希望简单易懂我会追加分数的 还行是什么意思 “尽吾志而不悔”的事例 《紫藤萝瀑布》:概括各部分内容……………………在线等~别过23点半! 有人说我长的还好是什么意思啊 没有志而失败的事例 紫藤萝瀑布内容概括 php中实例化对象&是什么意思?$db=new Creat(); 和 $db=& new Creat(); 有什么不同呢?多一个“&” spss 正负相关分析我想知道要实现分析两个变量间的关系式正相关还是负相关,用spss怎么操作? 为什么答案是C(n,3)+4*C(n,4)+5*C(n,5)+6*C(n,6)?圆周上有n个点,任意两点间连一条弦,而且没有3条弦交于一点的情况,问在圆内一共有多少三角形? 暑假快到了,我们将要结束了小学阶段的学习生活.(修改病句) 为什么减二后期又是2n了?为什么减一后期也是2n? 详细讲解为什么假设c=mb2+n,(2013•厦门)若x1,x2是关于x的方程x2+bx+c=0的两个实数根,且|x1|+|x2|=2|k|(k是整数),则称方程x2+bx+c=0为“偶系二次方程”.如方程x2-6x-27=0,x2-2x-8=0,x2+3x−274=0,x2 哪位能提供个化学冰袋的配方?(一次性的那种,不要太复杂) 减一后期的基因重组老师说是非同源染色体,非等位基因间的重组,也就是孟德尔的自由组合定律可具体是什么过程还不清楚请各位指教,(最好能有图)谢谢 长相特别是什么意思 Helps Smooth away the appearance of fine lines and dry skin这段英文怎么译? 写马路上车水马龙的好段 新课标同步训练人教版英语六上lesson交际互动中文如题, 英语翻译设计了基于单片机AT86S52和MAX038的信号发生器,用于产生频率和幅度均可程控调节的正弦波,矩形波和三角波信号.MAX038函数发生器配以少量外围器件负责产生波形,波形再经过运放电路 车水马龙的意思? 我们通常所说的北斗七星,在天文学上是指: 我们通常所说的“北斗七星”,在天文学上是指: 人为什么要进化 北斗七星天枢、天璇、天玑、天权、玉衡、开阳、摇光都有什么含义啊?有什么说法没有啊? 浮生如梦是什么意思 这城市那么空,这回忆那么凶,这街道车水马龙,我能与谁相拥 卵细胞减1和减2不连续,而减数分裂是连续的,为啥呢 何谓浮生如梦? A、B两车同时从甲、乙两站相对开出,两车在距甲站50KM处第一次相遇.相遇后两车继续前进,各自到达乙、甲两站后立即返回,在距乙站30KM处第二次相遇.甲、乙两站相距多少千米? 齐桓公为了‘霸诸侯,一匡天下’,曾提出‘尊王攘夷’的口号,这里的‘王’是指谁? 浮生如梦为欢几何 改为同义句 The Fine Art Museum is both beautiful and i改为同义句The Fine Art Museum is both beautiful and interesting.The Fine Art Museum is _____ _____ beautiful _______interesting. 甲,乙两车分别从A,B,两地同时出发,相向而行,经过3小时后相遇,又经过2小时,甲车离B地还有36千米,乙车离A地还有96千米,当甲车到达B地时,乙车还要行驶多少小时才能到达A地? 浮生如梦,冷暖自知 一个人张大嘴巴吃言猜一成语 齐桓公称霸主要历史背景?为什么要以“尊王攘夷”为口号? 夫天地者...浮生如梦,为欢几何?啥意思? The Fine Arts muesum is ---- ---- ----- ----- [ 既漂亮又有趣] 补充单词. 英语翻译class Company //公司类{private:Person *Worker; //员工表void Clear(); //清除内存中数据public:Company(){Worker=0; Load();}Company(){Person *p;p=Worker;while(p){p=p->next;delete Worker;Worker=p;}Worker=0;}void Add(); //增加人 急需2010时事评论+750字2篇不要超过950字……好的追加分数…… 想知道北京新东方的新概念英语课程有什么内容,具体是什么? 英语翻译voidGPIO_PORT_D_ISR(void){unsigned char ucKey;unsigned long ulStatus;ulStatus = GPIOPinIntStatus(GPIO_PORTD_BASE,true);GPIOPinIntClear(GPIO_PORTD_BASE,ulStatus);if(ulStatus & GPIO_PIN_7){ucKey = GPIOPinRead(GPIO_PORTC_BASE,GPIO_PIN_4);ucK 地球离北斗七星所在星域有多少光年? 新东方的高中英语课程是面授好还是网络课程好?暑假时间不长,要面授的话需要十天,学校的作业要完成就比较困难了,所以我个人觉得能保证集中精力听课的话网络课程是不是好一些?因为时 英语翻译个人简历姓 名: 性 别:男出生日期: 籍 贯:辽宁省学历:本科专 业:会计学工作年限:9年联系电话: E-mail: 应聘方向应聘职位: 工作经历2009/10—现在:公司:北 北斗七星中的北斗四距离我们仅53光年,比天枢、天玑、天璇离我们都近,为什么反道不容易看到呢?是不是因为北斗四的星等问题,它究竟是一颗什么样的恒星?北斗四的距离数据我是在googleearth 哪里有林语堂的经典散文? 英语翻译 如图,由点P(14,1),点A(a,0)是x轴正半轴上一个动点,点B(0,a)是y轴正半轴上一点(a>0)且三角形PAB的面积为18,求a的值. 林语堂好像有一篇文章叫《假如我是土匪》哪有,我想看看 求人教版六年级上册数学难题,要有讲解 背水一战是形容项羽的还是形容韩信的?要讲清楚,谢谢😊 尽吾志也而不能至者 可以 举什么例子 紫藤萝瀑布为什么 我沉浸在.生的喜悦 可还行是什么意思 车水马龙的意思及用法 【林语堂】求林语堂表达思乡情感的文章!(最好是文章名+文章链接)还有一个问题,下面这篇写鲁迅与林语堂决裂的文章,是谁写的?求全文!林语堂写到鲁迅的文章又有哪些呢?上面这两个问题 他腰痛,我问怎么样了,他说还可以,我不知道是痛还是不痛 新华国际时评:克里七访中东难抚盟友传承文化 筑梦非洲——访非洲国际艺术采二幼钱新园区大班段举行水墨画展采二幼钱新园区大班段参观消防中队活动市妇保院来钱新园区做卫生工作的考核及报告称超4成海归在京就业 近半数进入安倍2014年1月将访问非洲三国 意叙利亚中部城市发生自杀式炸弹袭击 致数万伊朗抗议者举行“占领美国使馆”集美国大学招生出怪题:是否愿选择外星人美大西洋南岸野生海虾因感染寄生虫数量埃及前总统穆尔西受审 律师相信其将被埃及法院就谋杀示威者罪名对穆尔西进行埃及法院就谋杀示威者罪名对穆尔西进行美国务卿访沙特 称美国与沙特关系必须俄武器出口一半销往亚太 称拟争取非传谷歌更新涂鸦纪念印度女数学家戴维84美国官员表示美政府不会考虑对斯诺登宽埃及法院就谋杀示威者罪名对穆尔西进行湖南3小学生遭绑架杀害续:每名学生家4男子以炉渣充铜渣 诈骗浙江商人63舒淇说“胖,就是犯罪!”!请别盲目对阿里YunOS成为了中国第三大操作系MAO面临危机,乐视摩登天空却新建L2015年,7家独角兽退出10亿美元中韩 中澳自贸协定正式实施 5股长期中央提出2016年五大任务 A股影响京津冀空气重度污染城市增至45个 五央视敢用郭德纲当春晚主持人吗?12月22日传闻即将涨停个股80后被“盯梢”,三位老江湖结盟重构深度长文,大数据风控那点事?(中)从出生日期来解读你为什么生意总是失败八卦 | 卡戴珊:这是一个改变地球人刘堂哲:冬至白银行情分析建议(早评)百事可乐是如何把《嘻哈帝国》2变成长市场悄然发生一个重要变化胸器所向披靡,毒舌无人能敌——这个胖敬我那“该死的脊柱”!陈光文:越南强军突然变向 三板斧砍中谢娜李菁无缘春晚是遭何云伟魔咒?协警如何敲打“车震”的窗?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘