首页 > 为什么d3.js采用svg,而不是采用canvas呢?

为什么d3.js采用svg,而不是采用canvas呢?

感觉canvas在处理大数据的复杂图表的时候比svg效率更高啊,为啥d3.js采用了svg而不是canvas呢?


兼容性吧。。。。。。字数补丁


SVG是矢量图,可以随意地缩放。


我讨厌用 canvas 画矢量图。svg 能够保存矢量图的结构,能够显示真正的(能够搜索和选择的)文本。还可以和 HTML 什么的嵌套着用。


canvas和svg都有用。


首先d3.js是可以使用canvas的,比如这个示例:https://bl.ocks.org/mbostock/...

不过你会发现大部分的例子和d3项目还是用svg为主,因为作者虽然对canvas做了一些统一的API封装,但总的来说完成度远远没达到svg部分的高度。

另外d3.js专注的是数据可视化,在这个领域,所谓的“复杂图表”又能到多复杂的程度?是否canvas和svg的性能差距已经到了影响用户体验的程度?

也许是先入为主,但总是觉得d3推行的这套data-driven思想和dom元素更契合。

【热门文章】
【热门文章】