1、leaferjs
leaferjs绚丽多彩的 HTML5 Canvas 2D 图形渲染引擎,可结合 AI 绘图、生成界面。
提供了丰富的 UI 绘图元素,和开箱即用的功能,如自动布局、图形编辑、SVG 导出,方便与 Figma、Sketch 等产品进行数据交换。并为跨平台开发提供了统一的交互事件,如拖拽、旋转、缩放手势等。
可用于高效绘图、组态、开发图形图像编辑软件。随着生态的不断发展,未来将支撑可视化开发网页、应用、游戏、动画
官网 概览 | 🌿 Leafer UI (leaferjs.com)
LeaferJS - 图形引擎
可以在vue、react中使用。性能极高
2、ZRender
ZRender 是二维绘图引擎,它提供 Canvas、SVG、VML 等多种渲染方式。ZRender 也是 ECharts 的渲染器
开始使用 ZRender (ecomfe.github.io)
3、GoJS
GoJS是一个可视化JavaScript库,用于浏览器中创建交互图形,(比如流程图,树图,关系图,力导图等等)。收费
官网 为 Web 构建交互式图表 |GoJS的
4、PixiJS
PixiJS 是一个开源的、基于 Web 的渲染系统,可为游戏、数据可视化和其他图形密集型项目提供极快的性能。这些指南旨在成为 API 文档的配套指南,提供使用 API 解决问题和构建项目的结构化介绍。***
官网 PixiJS的 |HTML5 创作引擎 |PixiJS的
5、fabricjs
一个简单而强大的 Javascript HTML5 画布。丰富的绘图功能、交互和编辑、图层管理、事件处理。
官网 Fabric.js Javascript Canvas Library (fabricjs.com)
https://github.com/fabricjs/fabric.js
6、konva
Konva 是一个 HTML5 Canvas JavaScript 框架,可实现高性能动画、过渡、节点嵌套、分层、过滤、缓存、桌面和移动应用程序的事件处理等等。
官网 https://github.com/konvajs/konva
https://konvajs.org/
7、EaselJS
EaselJS 是一个用于在 HTML5 中构建高性能交互式 2D 内容的库。它提供了功能丰富的显示 列表以允许您操作图形并为其添加动画效果。它还为鼠标和触摸提供了一个强大的交互式模型 相互 作用。(好久不更新)
https://github.com/CreateJS/EaselJS
8、Paper.js
Paper.js 是一个运行在 HTML5 Canvas 之上的开源矢量图形脚本框架。它提供了一个干净的场景图/文档对象模型和许多强大的功能,用于创建和处理矢量图形和贝塞尔曲线,所有这些都整齐地包裹在一个设计良好、一致和干净的编程接口中。
官网 http://paperjs.org/about/
9、G6
G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明,简单
https://g6.antv.antgroup.com/manual/introduction
10、D3js
D3(或 D3.js)是一个免费的开源 JavaScript 库,用于可视化数据。它基于 Web 标准构建的低级方法为编写动态、数据驱动的图形提供了无与伦比的灵活性。
官网 D3 by Observable | The JavaScript library for bespoke data visualization (d3js.org)
https://d3js.org/what-is-d3