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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3279766.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

示波器选择导出至USB闪存盘的三种格式(bmp、set、csv)

如下图所示,一般由示波器导出至U盘中,一共有三种文件格式。 1、当前屏幕图像(*.bmp) BMP 文件格式(全称是位图文件格式,Bitmap Image File)是一种图像文件格式,用于存储数字图像。它是一种无损图像格式&am…

m3u8转MP4(网页视频下载)(超细教程, 有手就行)

准备工作 什么是m3u8文件 记事本打开m3u8文件: #EXTM3U #EXT-X-VERSION:3 #EXT-X-TARGETDURATION:4 #EXT-X-MEDIA-SEQUENCE:0 #EXT-X-KEY:METHODAES-128,URI"https://xxxx/key.key" #EXTINF:3.336667, #EXTINF:1.668333, clvHz13123499.ts #EXTINF:2.03…

【uniapp离线打包】(基于Android studio)

文章目录 uniapp打包官方教程入口一、准备工作(工具三大件)二、准备工作(Android壳和uniapp包)导入Android壳生成uniapp包将uniapp包导入android壳 三、准备工作(证书、)准备Android平台离线签名证书 四、修改配置参数build.gradl…

AI为什么无法替代律师?

AI能否真正取代律师?一探究竟! ©作者|LuMiQ 来源|神州问学 引言 数字化时代,AI技术正如催化剂般加速各行业的变革:在医疗界,它犹如医生的“第二双眼睛”,精准分析影像;制造业里&#xff…

ofcms代码审计

1 SSTI模板注入 1.1 通过阅读pom.xml,使用了freemaker开源组件 1.2 找到对应的模版新增页面,并注入payload,点击保存 最重要的是,找到模板注入请求的后端API 注入的命令为:<#assign value="freemarker.template.utility.Execute"?new()>${value("c…

WIFI 接收机和发射机同步问题+CFO/SFO频率偏移问题

Synchronization Between Sender and Receiver & CFO Correction 解决同步问题和频率偏移问题是下面论文的关键&#xff0c;接下来结合论文进行详细解读 解读论文&#xff1a;Verification and Redesign of OFDM Backscatter 论文pdf&#xff1a;https://www.usenix.org/s…

ChatGPT自学指南:宝藏参考书大盘点

ChatGPT是基于人工智能领域的自然语言处理技术&#xff0c;使用深度学习技术构建的一个大型语言模型。具体地说&#xff0c;ChatGPT是建立在OpenAI的GPT-4系列模型之上的&#xff0c;使用了大量的语言数据和预训练技术&#xff0c;可以生成高质量的文本&#xff0c;并且在准确度…

二叉树--堆(下卷)

二叉树–堆&#xff08;下卷&#xff09; 如果有还没看过上卷的&#xff0c;可以看这篇&#xff0c;链接如下&#xff1a; http://t.csdnimg.cn/HYhax 向上调整算法 堆的插⼊ 将新数据插⼊到数组的尾上&#xff0c;再进⾏向上调整算法&#xff0c;直到满⾜堆。 &#x1f4…

根据空域图信息构造飞机航线图以及飞行轨迹模拟matlab仿真

目录 1.程序功能描述 2.测试软件版本以及运行结果展示 3.核心程序 4.本算法原理 4.1 航路网络建模 4.2 航线图构建 4.3 飞行轨迹模拟的具体步骤 5.完整程序 1.程序功能描述 空域图是指航空领域中的一种图形表示方式&#xff0c;它涵盖了空中交通管理所需要的各种信息&a…

如何处理selenium Webdriver中的文本框?

文本框或字段在整个网页中广泛使用,本文将介绍如何在Java中使用Selenium Webdriver处理文本框。可以有各种文本字段,我们将尝试包括其中的大多数,并执行各种操作,如清除和输入文本。 我们将使用我们的Selenium游乐场网站- testkru,与各种文本框进行交互。您也可以使用同一…

藏文词典查单词,藏汉双语解释,推荐使用《藏语翻译通》App

《藏语翻译通》App推出了藏文词典、藏汉大词典、新术语等全新在线查单词功能。 藏汉互译 《藏语翻译通》App的核心功能之一是藏汉互译。用户只需输入中文或藏文&#xff0c;即可获得翻译结果。 藏文词典查单词 掌握一门语言&#xff0c;词汇是基础。《藏语翻译通》App内置藏…

诱骗IoT恶意软件跟踪CC服务器

工作背景 在分析 IoT 僵尸网络时&#xff0c;识别C&C 服务器至关重要。C&C 服务器的 IP 地址一直都是商业威胁情报的重要组成部分&#xff0c;由于 C&C 服务器通信协议日渐复杂并且活跃周期较短&#xff0c;时效性和准确性也非常重要。如果可以自动化识别 IoT 恶意…

力扣100题——128题

题目 ************************************************ 解&#xff08;哈希&#xff09; VS完整代码 #include<iostream> #include<vector> #include<unordered_set> #include<utility> #include<algorithm> using namespace std; int n, nu…

二叉树(2)

目录 2.5 二叉树的存储结构 3.二叉树的顺序结构及实现 3.1二叉树的顺序结构 3.2堆的概念以及结构 3.3堆的实现 3.4堆的代码实现 3.5堆的应用 书接上回&#xff0c;我们继续学习二叉树的知识 2.5 二叉树的存储结构 二叉树一般可以使用两种数据结构&#xff0c;一种顺序…

AI绘画模型之:UNet、Imagen 与 DeepFloyd IF

重磅推荐专栏: 《大模型AIGC》 《课程大纲》 《知识星球》 本专栏致力于探索和讨论当今最前沿的技术趋势和应用领域,包括但不限于ChatGPT和Stable Diffusion等。我们将深入研究大型模型的开发和应用,以及与之相关的人工智能生成内容(AIGC)技术。通过深入的技术解析和实践经…

2024西安铁一中集训DAY27 ---- 模拟赛((bfs,dp) + 整体二分 + 线段树合并 + (扫描线 + 线段树))

文章目录 前言时间安排及成绩题解A. 倒水&#xff08;bfs dp&#xff09;B. 让他们连通&#xff08;整体二分 按秩合并并查集 / kruskal重构树&#xff09;C. 通信网络&#xff08;线段树合并 二分&#xff09;D. 3SUM&#xff08;扫描线 线段树&#xff09; 前言 T1没做出…

基于STM32瑞士军刀--【FreeRTOS开发】学习笔记(四)|| 同步 / 互斥 / 通信方法简介

本文概念部分粘贴自韦东山老师同步与互斥。 韦东山老师《FreeRTOS入门与工程实践(基于DshanMCU-103)》书籍获取 同步&互斥概念 一句话理解同步与互斥&#xff1a;我等你用完厕所&#xff0c;我再用厕所。 什么叫同步&#xff1f;就是&#xff1a;哎哎哎&#xff0c;我正在…

Linux中进程通信之信号

信号 信号通信&#xff0c;其实就是内核向用户空间进程发送信号&#xff0c;只有内核才能发信号&#xff0c;用户空间进程不能发送信号。 关于信号指令的查看&#xff1a;kill -l 例如我们之前使用的kill -9 pid用于杀死一个进程 使用一个死循环 成功发送kill -9指令&#x…

键盘输入数据的过程

当我们在键盘中按下按键的时候&#xff0c;键盘会向我们的 CPU 发送硬件中断&#xff08;也就是给 CPU 特定的针脚发送信号&#xff09;&#xff0c;该硬件中断有着自己的中断号&#xff0c;然后 CPU 内的寄存器就会记录下该中断号&#xff0c;然后会在操作系统中的中断向量表&…

DNTRo

文章目录 AbstractMethodExperimentConclusioninnovation link code Abstract 本文旨在解决计算机视觉领域中微小物体检测的问题。由于图像数据中微小物体所占像素比例很小&#xff0c;因此精确地检测这些物体仍然是一个巨大的挑战。特别是在地理科学和遥感领域&#xff0c;高…