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

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中多级下拉列表的实现 VB中防止将重复项目添加到列表框控件中 VB中实现菜单分割 VB中实现带预览的对话框 VB中实现同一窗口的多个实例及控件的动态增减 VB中阴影字体的实现 VB自定义数据结构的传输转换 Visual Basic 窗体背景花纹的实现 Visual Basic 中的界面设计原则和编程技巧 Visual Basic 中文本框处理技巧集萃 Visual Basic 中字符淡出淡入的实现 Visual Basic窗体背景花纹的实现 Visual Basic下工具条的制作 Visual Basic中的界面设计原则和编程技巧 Visual Basic中在同一界面输入大量数据的几种方法 VisualBasic中的界面设计原则和编程技巧 VisualBasic中用户界面的设计原则 把 VB 标准的工具栏变成平面式 把窗体卸载干净-VB资料 保持初始的窗体大小-VB资料 编程实现将所有窗口最小化-VB资料 不规则形状窗口详细说明 -VB资料 不用 API ,直接调用关联的程序 -VB资料 处理过程时的鼠标显示 -VB资料 窗口处理技巧大全 -VB资料 窗口事件的发生顺序-VB资料 VB创建不规则窗口 VB创建透明窗体 win2k的domain怎么和NT4的domain建立信任关系,谢谢 如何将Response.OutPutStream输出到指定的window?比如由window.open()得到的handle? DELPHI的帮助? 编了一段很小的程序,报了一个很低级的错误(编译通过) DELPHI的帮助? 各位高手高高手快来帮我个忙吧! 谁正在读《C++Builder5编程实例与技巧》之四--例程S04E的问题,在第151页下面 后台程序如何捕捉鼠标左键单击时间 高分求函数!!!!!!! (多项式方程求根) va_... 系列宏 有谁用过DELPHI+DB2数据库的应用? 今年3月開始學習Java,現在剛剛寫出來一個俄羅斯方塊,我想進一步提高,不知我要往哪方面發展。 调查:大家对用Flash做程序介面有没有兴趣?Up也有分 请教高手,这个查询该怎么写???(加急!!) 高分求Sybase在Win2000下的安装、配置手册(一定给分) 请教象我这样的硬盘应如何安装Linux,我昨天试装了,但有问题。(老问题了,也看了前面的帖子,但还是来请教,请多指教) 如何在vb中获得Excel对象行数,列数 请问PFC倒底是干什么用的? 用jsp提交到oracle8.05的汉字怎么是乱吗,希望能得到回答 我可以在存储过程执行非常复杂的计算吗? 请教高手,这个查询该怎么写???(加急!!) 消息剖析器--无法回复,故贴出来让有疑惑的人得以走捷径 把一个ansi码的*.Txt转换为Unicode码的.Txt文件 ACCESS数据库加密解密问题!!! 关于MFC类库和VCL类库的问题? 天那,这样也会错?$mydb[$i][fair_type_name] 谁能帮我解决installshield这个问题奖励100分 连接数据库的问题: 关于字符串 用vb在word里面怎么绘制表格和在往表格里面放数据 请求一个源文件! 我有一张光盘,(内含3个完整的不同版的winXP操作系统)!看一下所有文件大小,竟然有1个多G?这是为什么? 怎样判断tclientsocket已经联到服务端 test 哪里有Visual Studio .NET 正式版下载 如何让程序出现异常自己处理,不让系统处理 超星图书阅览器注册问题?请人帮忙! 在日文做作系统中配置中文环境 我想扫描网络上发过来的所有IP包,想用RAW_SOCKET,那里可以找到这方面的文章? 请问如何实现窗口或者面扳的平滑移动,类似VS。NET中的效果 ACCESS的问题 能不能不工作找兼职或接项目,应该怎么找?有经验的请多多帮忙,重分相谢。 请关注!一个下拉菜单的显示问题! datastore 出错~~~ 请问如何在HtmlView中得到服务响应的head数据 如何不加载多文挡里的菜单 关联的两个下拉表单! 如何播放媒体文件,多多益善! 谁能给出c++下的STL中的"集合类"的定义使用啊? 奇怪的错误 能不能不工作找兼职或接项目,应该怎么找?有经验的请多多帮忙,重分相谢。 18650电池连接普通的发光二极管用怎样的电阻? 物块A,木板B质量均为m=10kg,不计A的大小,B板长L=3m如图所示,物块A、木板B的质量均为m=10kg,不计A的大小,B板长L=3 m.开始时A、B均静止.现给A以某一水平初速度从B的最左端开始运动.已知A与B、B与地 保护碱基在酶切是是不是会被切掉 一只接在一节18650锂电池上的普通LED灯泡,接上多少欧的电阻最合适, 如图所示,光滑水平面有一块静止的长木板,木板的长度L=2.4m,质量M=3.0kg某时刻,一个小物块以v0=3m/s的初初速度滑上木板的右端,与此同时木板施加一个F=6N的水平向右的恒力 ,物块的质量m=1kg,物块 中国第一次地下核试验成功的时间 . 如图所示,长为1.5米的轻质木板OA(质量不计)的一端能绕轴O转动,另一端用一细绳把木板吊成水平细绳能承受的最大拉力为5牛.物重为7.5牛的小球在水平拉力F(F=2牛)的作用下,从O点开始沿O 质量为Mb=14kg的木板B放在水平面上.质量为Ma=10kg的木箱A放在木板B上一根轻绳栓在左边的一个木桩上,另一端栓在A上绳子绷紧是于水平面成37度.A与B之间的摩擦因数为0.5.B与水平面的摩擦因数为0 我国成功核试验是在那一年 地球一小时活动,低碳,体现了我们的什么发展战略,为此,我国制定了哪些国策 如图,细绳一端固定于转轴O点,另一端系有质量为M的小球,小球离地面高度为L,如图,细绳一端固定于转轴O点,另一端系有质量为M的小球,小球离地面高度为L,给小球以初速度v使它在竖直平面内做 3V的LED灯使用在5V电路中需要串多大的电阻需要1个带灯自锁开关控制1个5V电路,但现在只有3V带灯开关,此开关有四个脚,两个是灯脚,在5V电压下需要串电阻,请问要串多大的电阻,小弟先谢了. 我国控制碳排放量的合理措施有哪些 10牛的水能产生大于10牛的浮力吗?有好多种回答的、看得我都糊涂了、、高手帮下忙、麻烦解释一下、谢谢!当所有的水都成为排开的液体时,那么排开水的重力不就是10牛的水吗? 5V的电源,用多大的电阻能使3V的LED正常工作.(1)5v的电源,想并联一个3v的LED作指示灯,设LED的额定电流为0.01A,串入电阻的阻值应该是多少?(2)另外什么是电阻的功率啊,以上电路该用多大功率 中国2009,2010年的碳排放量占全球百分之几?急用, 100牛的水能产生大于100牛的浮力吗?为什么?不要复制别人的回答。 结合哥本哈根等世界气候大会和低碳经济,谈谈你对全球气候变化的看法 一个圆柱形水槽里盛有10厘米深的水,水槽的底面积是144平方厘米.将一个棱长6厘米的正方体铁块放入水中,水面将上升几厘米? 重力为十牛的水能对物体产生超出十牛的浮力.谁能帮我理解下这个? Xbal和XhoI双酶切的共用Buffer是什么?Fermentas公司的酶!具体的酶切体系有木有? 为什么大肠杆菌里的限制酶不把自己的DNA切了看到别人说是有切点的基因被甲基化了 我查了甲基化的概念 :是指生物细胞内基因的选择性表达,未表达的基因就被甲基化了那大肠杆菌是单细 1牛的水能产生100牛的浮力吗?答案是能的,但我不知道原理,似乎阿基米德原理指的V排指的是V上升+V溢出,这两者相加才是V排才对. 塑料烧焦了会有毒吗今天在宿舍洗饮水机,结果不小心就把过过滤层的那块小板碰穿了一个很小很小的坑子,为了不让它漏水,所以就把塑料管烧焦之后把它堵住,烧过的塑料产生的气温我知道有 导入了目的基因的一个质粒,导入到一个大肠杆菌中,那么 大肠杆菌中的限制酶和原有质粒不会对携带目的基因的质粒进行破坏么? 8牛的水能产生10牛的浮力吗?为什么? 经常闻塑料烧焦的味道对身体有影响吗拜托了各位 因为工作的原因所以经常闻到塑料袋融化的味道 大肠杆菌质粒DNA没有酶切进行电泳,跑出来的条带大约应该是多少bp?有没有比较好的标准的可参考图? 9个LED灯(3.2V/18mA下正常工作)并联,电源5V/500mA,需要加多大电阻才能使LED灯泡全亮 请问谁做过Taraka的BamH I 与Fermentas的BstBI的双酶切?如何选择buffer?如何进行分步酶切? 酶切成功,连接不成功,导入感受态,意思是感受态制备成功,导入质粒被切开,但是没有连接目的基因,最后导入感受态细胞中,培养,图板.会长菌不呢? 8个红色led接5v电源需要多大的限流电阻 厨房里塑料烧焦有毒吗 初三物理电路图中电往哪走,就是短路怎么看出来 5V 500mA 接25个LED 并联好还是串联好,需要加多大的限流电阻和限压电阻?LED 参数 :正常工作电压:3.0-3.2V正常工作电流:10-20 mA最大反向电压:5 V最大工作电流:20mA 家里插座烧了,一直有一股塑料烧焦的气味已经两天了,这种气味是不是有毒啊?对人体会有什么伤害呢?我一直用围巾遮住口鼻,围巾上现在都有一股气味了,请问有用吗? 白色发光二极管6个并联,电源电压5V,串接一个15欧限流电阻可以吗?电源电压为5V,白色发光二极管6个(3.2V/20ma)并联后串接限流电阻,限流电阻计算如下:(5V-3.2V)/20ma×6=1.8V/0.12A(120ma)=15Ω选1/ LED白色高亮二极管要是用USB供电需要接多大的电阻?USB为5V 500ma 低碳生活有哪些好处? 电源电压为5V,LED的导通电压为1.5V,其正向电流在5mA~15mA时才能正常工作,问限流电阻取值范围是多少?如题,详细解释者有重谢.先谢过了! 如图所示,重100N的均匀木棒AB在细绳拉力作用下保持静止老师你就按照我的题目搜,会有图的,然后画出来给我, 低碳生活对我们有那些好处 12v电源串多大的电阻接4.5v的LED发光二极管 汽车电源(12v)接一个发光二极管(蓝色光,二极管原来用三节1.5v纽扣电池).还有一个发紫外线光的二极管也用三节1.5v纽扣电池,同上 怎么接这个12 10牛的水能产生多少浮力?最多的浮力 低碳生活对我们有什么好处 初三物理电路中什么情况下会短路 如图所示,物体A重200N,在水平拉力F的作用下以0.2m/s的速度匀速前进1分钟.若物体A在前进过程中受到的摩擦阻力为50N,滑轮组的机械效率为80%.求拉力F的大小及其功率 低碳对生活的意义和作用要最好是排比句 点燃纯棉与羊毛都会产生烧焦羽毛气味吗 请问led加5v的电压怎样计算串联电阻,led灯串,并连怎样计算, 低碳对我们生活有什么好处?请举例说明 手机电池给 1w led供电用多大电阻手机电池是3800hah 电压是3.7 led是350mA 3.4-3.6V 1W(瓦) 想做一个照明用的手电 需要加电阻吗 请高人指点先谢了 请教各位:我用38颗直径5mm的红色LED(每颗5V、15ma)串联,用220VAC转DC电源供电,需要用多大的电阻?另外电阻的功率要用多少瓦?最好给一个详细点的公式.谢谢 我在英国用吹风机,已经用了转换插头了,但怎么还是有烧焦的味道从吹风机里出来? 1个5W Led灯和3个1W的灯接12伏电池该怎么接电阻接多大,电阻要多大功率.5W的灯要电压6伏其它的都3.3伏.如果要没计一个电源要怎么设计,有电路图吗?如果要驱动电源该怎么DiY。 在拉力F的作用下,重30N的物体A以5m/s的速度在水平桌面上作匀速直线运动,此时绳对A物体的拉力为20N,则拉力F为多少?在拉力F作用下4秒内做功多少?功率多少? 为什么电吹风的热丝会变红啊而且有一股烧焦的味道 1W的LED蓝光的,用6V电瓶做电源,需要串联多大的电阻,才能使LED达到最佳的亮度? 7.(16)如图13 所示,C 是放在光滑的水平面上的一块木板,木板的质量为3m,在 木板的上面有两块质量均为m7.(16)如图13 所示,C 是放在光滑的水平面上的一块木板,木板的质量为3m,在木板的上 fermentas 与thermo scientific 是同一家公司吗?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘