基于HTML5的数据可视化实现方法有哪些

Answer 1

SVG英文全称为Scalable Vector Graphics，由W3C制定，其基于可扩展标记语言XML。SVG是用于描述二维矢量图形的一种图形格式，由于它是基于XML的一种语言，所以它继承了XML的跨平台性和可扩展性。如SVG文档中可以嵌入其他的XML或者HTML内容，XML或者HTML中可以内嵌SVG，而各个不同的SVG图形可以方便地组合，构成新的SVG图形。SVG还具有很多优点，比如很好的可扩充性和交互性。SVG支持无限放大，SVG图片任意比例的放大不会损害图片的显示效果，其他诸如PNG，GIF，BMP，JPEG格式的图片放大则会影响视觉效果。同时SVG还提供了很好的动画交互效果，通过定义鼠标事件和键盘事件，以及相关的脚本编程就可以实现SVG图形的动画效果及交互操作。
Canvas最初是由苹果内部使用自己的Mac OS X WebKit推出，苹果大力推广使用HTML5，促进了Canvas的发展和应用，HTML5提供了画布元素，同时HTML5定义了很多API支持脚本化客户端绘图操作，元素本身是没有任何外观的，但是它在HTML文章中创建了一个画板，通过绘图API可以在画板中绘制位图模式的图形。