canvas svg webgl threejs d3js 的区别

Posted 叶子玉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas svg webgl threejs d3js 的区别相关的知识,希望对你有一定的参考价值。

canvas

绘制2D位图。

Echarts是基于Canvas技术的可视化工具,底层封装了原生的javascript的绘图 API。

canvas里面绘制的图形不能被引擎抓取,canvas中我们绘制图形通常是通过javascript来实现。

svg

绘制2D矢量图。

svg里面的图形可以被引擎抓取,支持事件的绑定,svg更多的是通过标签来实现。

webgl

用3D画位图的api。

threejs

基于webgl的3D场景库

d3js

数据可视化工具,只支持svg

以上是关于canvas svg webgl threejs d3js 的区别的主要内容,如果未能解决你的问题,请参考以下文章

浏览器端绘图技术SVG VML Canvas WebGL介绍

教你用 webgl 快速创建一个小世界

Threejs - 搭建三维场景

threeJS 使用 html2canvas截图为黑色的问题

教你用webgl快速创建一个小世界

threejs大模型加载崩溃