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

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之间对比非常好的文章。在此,根据我在使用过程中的经验,提出自己的一点点拙见。首先,先来看一下这两种技术的关键特点的对比:


在微软的八个月里,我学到了这些 谷歌实习生每月都拿$6000,你呢? 【第五届中国云计算大会】由瓦特变比特输出,新疆要做中亚云服务中心 应用程序扩展性实现的十宗罪 图文:看谷歌实习生的惬意生活 为移动而设计:交互设计篇 小米游戏中心月度报告:极品、神庙、找你妹 中科院:常温下的液态金属电路3D打印机 细数IE10里的HTML5特性 使用Twitter Bootstrap的五大理由 Twitter重塑API战略 开启V1.1时代 Sony开放SmartWatch 支持第三方定制固件 甩啦甩啦!Apptopia帮开发者在线买卖App所有权 聚焦全球移动市场:印度,这块肥肉不太肥 Google决定明年一月份停止对Chrome Frame支持与更新 你应该关注的几个Eclipse超酷插件 华为王丰:FusionCube打造下一代融合一体机 上海云人联合创始人吴朱华:中国人也能做出最好的实时数据库产品 Facebook RSS替代Google Reader?或因其社交属性失败 让这么多国外开发者如此兴奋,iOS 7到底好在哪里? Web开发中那些不招人“待见”的功能 最好的超级计算机在中国 为开发者提供的10款Web应用程序 5000万次下载:HandyGames如何征服Google Play? 红帽大战Ubuntu:750小时免费企业版红帽套餐即将登陆AWS EMC Sanjay Mirchandani:92%虚拟化,使更少IT人拥有更大交付能力 从NSA携谷歌、微软等9家名企监控用户行为看数据安全 【专访间】新科兰德创始人左磊:我们的“卖点”是“数据弹药” 甲骨文公司宣布推出最新Java EE 7 10款最佳CSS/jQuery开源图片说明 创业者应避免对投资者说的五句话 人啊,认识你自己 (zt) 微软件专家问你下:如何在Exchange Event Sink 中挂钩我的自定义事件处理程序?谢了!急! MSComm实现传口通信的问题, 如何为WORD文件加密码保护? 那里有API for PB的资料??! 问一个关于Direct8编程的问题! 哪有PB7.0的安装文件? 是读软件工程硕士还是去当程序员? 用语法新增一个字段时,怎样将它加成第一个字段? 请问如何学COM,有没有什么好学习方法和建议? 有兴趣的来看看,来者有分 weblogic61中发布问题--高分相送 怎么在基于对话框的程序中加入一幅bmp作为底图? 不是吧,是不是没人会呀,偶问的最基础的也没人解决!! 请问软件工程硕士何时报名? 是读软件工程硕士还是去当程序员? "未能启用约束。一行或多行中包含违反非空、唯一或外键约束的值。"是什么错??急急急 XP 能够访问2000,2000不能访问XP,怎么办? jboss如何设定bean自动更新 各位,谁用过动态域名一类的软件,推荐一个好用的.速度要快的.交点钱没关系的。up给分 请较文件的拖放的问题?还望大家指教! 我是一个新手!请你们帮忙! 请问软件工程硕士何时报名? 如何实现仿照FLASH当中的,将字符旋转方向? 是读软件工程硕士还是去当程序员? 在VFP中如果把报表加入到菜单中? WinCE支持I²C总线吗?请高手赐教。 有高手吗???帮忙啊!!! 开发Midas数据库应用程序,哪些软件需要购买使用许可?价格? 写一个Word阅读器 VC6.0编译98DDK中USBVIEW例子,每个C文件末尾都有Fatal Error 是读软件工程硕士还是去当程序员? 在VB里用ADO对像来更新ACCESS数据库时出现"所有记录中均未找到搜索关键字。"错误!如何解决啊.. 怎么看懂别人的程序? 如何修改软件默认的安装路径。 是读软件工程硕士还是去当程序员? WinCE支持I2C总线吗?谁有资料 有没有深层次的c语言书啊?(50分) 请问dbgrid对应的数据表的某个字段为0/1,可以把其cell显示为checkbox? 什么是3D加速卡? 请教NotesFactory问题,那里有资料 developer2000的疑惑 一个小问题,请给我看看! 是读软件工程硕士还是去当程序员? 请问这是什么错误?谁能帮我翻译一下。最好给出解决方法。对者给分!...在线等待! 请问这是什么错误?谁能帮我翻译一下。最好给出解决方法。对者给分!...在线等待! 紧急求助:关于打印的问题 如何用C#在ASP.net中对数据库进行查询? 网络打印问题 【求助】一个小问题,在线待回 DBGrid1如何获得2个表里的数据 某长途汽车客运公司规定旅客每人最多可携带30千克行李,超过部分每千克付行李费0.5元,需要0.5元的行李票某长途汽车客运公司规定旅客每人最多可携带30千克行李,超过部分每千克付行李费0.5 在三个相同的容器中分别盛有甲、乙、丙三种液体,将三个完全相同的铜球分别沉入容器底部,当铜球静止时,容器底受到铜球的压力大小关系是F甲>F乙>F丙.铜球所受浮力的大小关系为_____.3种液 壳聚糖盐酸盐的PH值多少啊? 什么是多元宇宙理论?是否是宇宙之间具有不相干性? 爱惠浦H100净水器烧开水产生的白色沉淀如何去除?我家最近买了爱惠浦H100净水器,烧开水后也存在大量白色沉淀,后打电话给经销商建议PP滤芯换成树脂滤芯,再说树脂滤芯通过钙镁交换不是产 ph=8的盐酸盐与烧碱反应生成什么?500克的 盐酸盐溶液ph=8.加入200克烧碱溶液后.怎样才能保持ph=8值不变 为未来宇宙航行奠定理论基础的科学家是谁? 净水器能解决烧开水产生的白色沉淀问题吗?白色沉淀是什么,净水的原理是什么,我家是农村的,水质特别不好,喝着一股酸涩,但是烧开了就会没有这种味道,不过的烧水后会会有白色沉淀产生, 当有毒化学物溢出时该干嘛? 某长途汽车客运公司规定旅客每人最多可携带30千克行李,超过部分每千克付行李费0.5元,一名旅客共付了行李费5元,则他携带的行李有多重? 净水器烧出来的开水里有很多白色粉末状水垢怎么办? 空气除湿机哪里有卖的? 科学家因为传统观念而做出错误判断的例子;除开恩格斯与鸭嘴兽的例子. 如图4所示,在三个相同的容器中分别盛有甲、乙、丙三种液体,将三个完全相同的铜球分别沉入容器底部,当铜球静止时,容器底受到铜球的压力大小关系是F甲>F乙>F丙,则液体密度相比较,正确的 你好 你能设计除湿机吗? 科学家对水组成解释的错误水分子?伟大的科学家说过,水是有两个氢分子,一个水分子组成的,可我拿菜刀在铁桶里劈了半天(前提是不把水洒在外面),也没把氢原子和氧原子分开啊?好处大大 生土豆汁有毒吗? 长沙什么地方有空气除湿机卖 可不可以用在Cacl2熔融盐中电解氧化钙制取钙单质? 放置四小时的豆浆有毒吗 除湿机能过滤空气灰尘吗? 什么和氧化钙反应生成炭单质 喝放有白糖的豆汁好吗?有没有毒? 有谁知道二乙胺的产品用途 氧化钙能还原成钙单质吗? 半径是8cm,直径(),周长(),面积()r(),d(10)dm,C()dm,S()dm 二乙胺如何除水 碳单质能和氧化钙反应吗? 用吸管吸密闭的塑料杯中的豆浆或酸奶时,塑料杯变瘪了,此现象证明了什么? 为什么学校厕所到了晚上人少的时候会有很强的氨气味?而且白天人多就闻不到?氨气是如何形成的?氨气是如何形成的?还有白天是不是也有?为什么闻不到?是大家都吸进去了感觉不到吗?那个味 PE-RT地热管在室外存放的温度是多少(急) 一个圆的半径是2cm,它的周长是多少 石灰水是碱吗 红外 2360cm-1应该为什么基团的峰 1、三个完全相同的圆柱形容器分别盛有甲、乙、丙三种不同的液体,放在水平桌面上,它们对桌面的压强相等,将铜、铁、铝三个质量相等的实心金属球分别按序浸没在甲、(P铜>P铁>P铝)乙、 石灰水和碱起什么反应 塑料杯可以盛热豆浆吗?图漂亮,买了个没有牌子的塑料杯,质量摸起来也还行,下面的P5标志那些都有?但是总觉得不够放心,为了方便带豆浆上班喝,大家推荐推荐用什么盛好?像乐扣和特白惠有毒 三个完全相同的圆柱形容器内分别盛有甲、乙、丙三种不同液体(p甲>p乙>p丙),放在水平桌面上,它们对桌面的压强相等.将铝、铁、铜三个质量相等的实心金属球分别按序浸没在甲、乙、丙 石灰水可以用碱代替吗 哪有卖装豆浆八宝粥的塑料杯子啊,还有就是它那个口是怎么封的,哪有卖那种机器的 下列哪项属于淘宝禁止出售的商品?A.发布普通药品信息B.发布三无自制秘方药品信息C.使用未经权利人许可的图片D.以上都是 为什么Au可以溶于KCN溶液? 卖豆浆的话,用塑料封口杯好,还是一次性纸杯好.哪个更省钱呢? 下面哪些商品禁止在淘宝网上出售?如果买家对一件商家包邮的商品要求7天无理由退货,并且非商品质量问题引起的,退货的邮费如何分配?商家在商城出售商品,若买家索要发票,商家是否需要开 解释AgI沉淀不溶于氨水,但可溶于KCN溶液中的答案用配合物解释 盛热豆浆的封口【塑料杯】杯里的液体加热到多少度时就会【有毒】?小区门口卖热豆浆的应该都见过,他们盛豆浆都是用封口的塑料杯.请问,那种杯子遇到多少度高温时,就会有毒?也就是,杯子 《万有引力》龙一清唱的歌叫什么 已知Ksp(NiS)=2.0×10^-26,K稳(Ni(CN)4 2-)=2.0×10^31.欲使0.010 mol NiS沉淀溶于1.0 L KCN溶液中,KCN的起始浓度至 .欲使0.010 mol NiS沉淀溶于1.0 L KCN溶液中,KCN的起始浓度至少为044mol/L 怎么算的? 如何从 鸡蛋中提取钙单质? 如何预防有毒化学物引起的危害? 二乙胺苯丙酮的化学式是什么>? 石墨作电极电解HCl的总方程式是什么 李林与妹妹比赛400m跑,李林每秒跑5m,妹妹每秒跑4m,李林说:“我让你先跑100m.”在这种条件下,谁将获问题没发完,还有几个字.“胜?若李林一定要胜过妹妹,他的速度最少是多少?”把引号里的字 Na2O能跟氧气反应生成Na2O2吗? 在ph=13的溶液中,Cro42-,k+,Na+,SO42-在溶液中能共存吗,为什么?答案是不能,但与Cro42-有颜色有关的解释应该不成立. 塑料杯装热豆浆喝有毒吗 na2o2与na2so3反应为什么不生成氧气 请求翻译:本文利用鸡蛋壳制取乳酸钙,采用高温煅烧法. 在三个相同的容器中,分别盛有甲乙丙三种液体,将三个完全相同的钢球分别沉入容器底部,当钢球静止时,容器底部收到的球的压力大小关系是F甲>F乙>F丙,则液体的密度比较?,请在4点之前 含铁离子的盐类水解后在什么pH环境下沉淀比较完全 为什么 武义一店铺发生火灾爆炸事故 消防成功勒紧腰带节俭办展 浙江临海户外休闲用菲人质事件赔偿谈判开启 马尼拉代表语俄媒:中美等十余国将参与2014年在奥巴马出席投资美国峰会 游说外商投资日韩两国或围绕慰安妇问题大闹法国国际朴槿惠称决不容忍腐败 要求根除核电腐日俄拟举行联合军演 被指意遏制中国进法媒称4名被绑法国人雇主为救人交付高美国将建全球最高摩天轮 超越伦敦眼西班牙走出两年经济衰退 首次出现经济俄副总理:俄能够在举办冬奥会的同时保美国指责德国过度依赖出口危害世界经济俄罗斯富人与穷人代名词:寡头、工薪族斯诺登在俄觅得网站工作 11月1日开以色列再次兴建犹太人定居点 被指破坏巴官员称以色列炮击加沙地带 一名武装欧洲或限美企处理数据 封杀数百亿美元智利沿海发生6.6级地震 未引发海啸律师:斯诺登在俄找到网站工作 今日开巴西前首富申请破产保护 身家蒸发99央视猴年春晚候选吉祥物公布连伤4人 美校园行凶者被击毙苏州电梯维保“差评”将清出市场麻建国会见 欧洲议会议员代表团“淘宝村”备战“双11”亲历者忆72年国宴一幕:中美安保人员“痛经假”或将加深职场性别歧视5000名中学生冒雨观升旗现代宣布打造独立豪华品牌是痴人说梦吗为躲避战火 他决定活在地下中国有真正的世界一流大学吗?八一女篮顶压力客场擒山东 主帅:虽很精致楷书册——文坛怪咖郑板桥不是只会江青因护士做什么大怒:让我在外国人面俄航空运输署:客机空难调查不应先推断巴黎大师赛费德勒爆冷不敌伊斯内尔 费世界银行十年来首次上调国际贫困线标准极端武装训练用上美制装甲车 或是在伊谁雇佣了手持盾牌的拆迁学生军?哈登闪开!绝杀马刺的他才是联盟最强S俄罗斯田协再开罚单!5名将因涉嫌使用
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘