十款HTML5开发工具
WebStorm WebStorm是一款Java开发工具，目前已经被广大中国JS开发者誉为\Web前端开发神器\、\最强大的HTML5编辑器\、\最智能的JavaIDE\等。
MyEclipseMyEclipse，是十分优秀的用于开发Java、J2EE的Eclipse插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4JavaScript应用，并实时预览。
①：PhoneGap PhoneGap恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova 商业版本。②：Ionic IONIC是目前最有潜力的一款HTML5手机应用开发框架。
什么是H5技术
1、HTML5并不是一项技术，而是一个标准。”H5“本应是一个技术合集，却被意会成了一项技术。
2、手机 H5 是动态网页技术的一种，指的是在网页中嵌入各种互动式元素，使网页具有丰富炫酷的多媒体特效和深度互动性，用户可以在手机浏览器中愉悦地浏览和操作网页内容。
3、h5技术是什么？它是一种用于创建交互式网页的技术标准。h5技术与HTML语言和CSS样式表一起使用，可以创建动态内容、音频视频多媒体、动画和游戏等。
SVG和Canvas绘图(一)
1、CanvasCanvas 通过 JavaScript 来绘制 2D 图形。
2、Canvas是使用JavaScript程序绘图(动态生成)，SVG是使用XML文档描述来绘图。 从这点来看：SVG更适合用来做动态交互，而且SVG绘图很容易编辑，只需要增加或移除相应的元素就可以了。
3、亲爱的提问朋友，html5中常用的两种绘图元素是：Canvas和SVG。他们都是html5中支持在画布上绘制图形和放入图片的。
4、svg是矢量图，canvas是位图，当然你也可以用canvas来实现矢量图。使用svg：图像内容固定，需要大范围缩放；实现形状渐变动画，或者那种表现画图过程的动画；使用canvas；逻辑复杂；内容不固定；其他。
5、Canvas 是一个位图，包含一个即时模式图形应用程序编程接口 (API) 来在它之上进行绘制。Canvas 是一种“即发即弃”模型，直接向它的位图呈现它的图形，然后对所绘制的形状没有任何认知，只会得到最终的位图。
htmlcss图表的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html制作图表、htmlcss图表的信息别忘了在本站进行查找喔。