漫谈一下前端的可视化技术

来源：互联网发布：三维彩超上数据看男女编辑：程序博客网时间：2024/06/01 10:50

基础

首先基础，canvas和SVG，canvas的出现对SVG。
感觉这二者不是谁能取代谁的吧，再说两个非常火的框架echartjs和D3.js
但是做数据可视化的还有很多库。
上百度上面一搜就是一大堆，随便贴几个链接：
http://www.csdn.net/article/2013-01-15/2813666-Web-Tools

说一下SVG和Canvas的区别：

Canvas
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘

SVG 不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用

感觉这篇文章说得很好 https://segmentfault.com/a/1190000002435534

echatjs用的就是Canvas
D3.js用的就是SVG

0 0