JS图形引擎汇总

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