【国产开源可视化引擎Meta2d.js】铅笔

最新推荐文章于 2026-05-08 17:54:21 发布
原创 最新推荐文章于 2026-05-08 17:54:21 发布 · 502 阅读 · 5

铅笔

铅笔是可以任意涂鸦的绘图小工具

在线体验： 乐吾乐2D可视化

示例：

// 开始铅笔绘画
meta2d.drawingPencil();

// 鼠标抬起结束

// 停止铅笔绘画（关闭铅笔绘画状态）
meta2d.stopPencil();

国产开源

乐吾乐潜心研发，自主可控，持续迭代优化

Github：GitHub - le5le-com/meta2d.js: The meta2d.js is real-time data exchange and interactive web 2D engine. Developers are able to build Web SCADA, IoT, Digital twins and so on. Meta2d.js是一个实时数据响应和交互的2d引擎，可用于Web组态，物联网，数字孪生等场景。

Gite

标签
#开发语言 #数据可视化 #编辑器 #流程图 #javascript
最低0.47元/天 解锁文章
meta2d：Meta2D是用于制作跨平台游戏的开源WebGL 2D游戏引擎
02-04
META v0.9.0 Meta2D是用于制作跨平台游戏的开源WebGL 2D游戏引擎。
iot组态编辑器开发 基于meta2D.js
06-17
基于meta2D.js ，vue2 开发iot组态编辑器 。/first/topology/Home2 添加permission.js白名单 可以访问访问
【国产开源可视化引擎】Meta2d.js简介
le5le_iot的博客
07-01 2650
集实时数据展示、动态交互、数据管理等一体的全功能2D可视化引擎。能够快速实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。
基于Meta2d.js的电力系统组态平台实战开发
最新发布
keshizhidao_2968的博客
05-08 236
本文介绍了如何基于Meta2d.js快速搭建电力监控系统。通过对比多种可视化方案，选择Meta2d.js因其零代码搭建、丰富组件库和高性能渲染等优势。文章详细展示了项目初始化步骤，包括安装配置、项目结构设计，并提供了Vue组件代码示例，实现电力网络拓扑展示、设备监控和告警联动功能。
基于乐吾乐meta2d从零实现可视化流程图编辑器（五）
qq_34009055的博客
08-09 545
meta2d是乐吾乐开源的2D图元组成的可视化引擎，集实时数据展示、动态交互、数据管理等一体的全功能2D可视化引擎。能够快速实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。具有实时监控、多样、变化、动态交互、高效、可扩展、支持自动算法、跨平台等特点，最大程度减少研发和运维的成本，并致力于普通业务人员 0 代码开发实现物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等可视化解决方案。
乐吾乐 Meta2d.js
le5le_iot的博客
08-29 2910
Meta2d.js 是一个实时数据响应和交互的 2d 引擎，可用于 Web 组态，物联网，数字孪生等场景。
【国产开源可视化引擎Meta2d.js】图元
le5le_iot的博客
07-04 2504
又称画笔Pen。图形表达的基本元素，组成图像的基本单元。
探索Meta2D.js：2D元宇宙构建利器
gitblog_00096的博客
04-15 1149
是一款强大的JavaScript库，专为开发2D虚拟世界和元宇宙应用而设计。它的目标是让开发者能够轻松创建互动性强、视觉效果丰富的2D游戏、模拟器甚至是社交平台。 ## 技术分析 Meta2D.js 基于WebGL和Web Audio API，充分利用了现代浏览器的图形处理能力，实现了高效的2D渲染。它提供了以下核心特性： 1. **灵活的场景管理** - 支持多层次的场景组织，方便地进行元...
乐吾乐2D可视化绘图引擎
前端-尔嵘
06-27 5415
简介：基于政策支持和时代要求，工业物联网正朝着纵深的方向扩散和发展，而工业物联网是工业互联网的基础，通过乐吾乐2D可视化技术服务能满足实时性、自动化、嵌入式(软件)、安全性、和信息互通互联性等行业需求，能够更好的将打通的数据流展现在管理者面前，从某种意义可以说是降低了时空限制的成本，更好的维护和控制。将乐吾乐2D可视化引入到传统的水务系统中后，我们会更清晰的看到乐吾乐2D可视化能够快速的掌握不同的管网、泵站、水厂之间的协作关系，极大的节省了人力、物力、财力。二、乐吾乐2D可视化能给您或者您的行业带来什么？
探索未来视觉体验：Meta2d.js - 实时交互的2D引擎
gitblog_00494的博客
08-08 1153
Meta2d.js 是一款强大且灵活的2D图形引擎，专为Web组态、物联网和数字孪生等现代应用而设计。其核心特性在于数据驱动的实时响应和丰富的交互性，让用户在网页上创造出生动、动态且高度定制化的视觉表现。 ## 项目技术分析 Meta2d.js 的独特之处在于它将数据、算法和样式完美融合，形成了一种以数据为核心的新型渲染模式。它支持多种状态呈现，包括进度和动效，从而提供多角度的动态展示。这款引...
基于乐吾乐meta2d从零实现可视化流程图编辑器（九）Global全局配置组件实现
le5le_iot的博客
10-30 632
meta2d是乐吾乐开源的2D图元组成的可视化引擎，集实时数据展示、动态交互、数据管理等一体的全功能2D可视化引擎。能够快速实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。具有实时监控、多样、变化、动态交互、高效、可扩展、支持自动算法、跨平台等特点，最大程度减少研发和运维的成本，并致力于普通业务人员 0 代码开发实现物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等可视化解决方案。
Meta2d.js：2D图元组成的可视化引擎
le5le_iot的博客
02-06 1667
集实时数据展示、动态交互、数据管理等一体的全功能2D可视化引擎。
基于Web的2D图形引擎Matter.js.zip
07-19
Matter.js 是一个基于 Web 的 2D 图形引擎。特性：物理属性(质量、面积、密度等)任何凸多边形的刚体稳定的叠加和 resting碰撞 (broad-phase, mid-phase and narrow-phase)Restitution (elastic and inelastic collisions)Conservation of momentumFriction and resistanceConstraintsGravityComposite bodiesSleeping and static bodiesEventsRounded corners (chamfering)Views (translate, zoom)Collision queries (raycasting, region tests)Time scaling (slow-mo, speed-up)Canvas renderer (supports vectors and textures)WebGL renderer (requires pixi.js)MatterTools for creating, testing and debugging worldsWorld state serialisation (requires resurrect.js)Cross-browser (Chrome, Firefox, Safari, IE8 )Mobile-compatible (touch, responsive)An original JavaScript physics implementation (not a port)示例代码：// Matter.js module aliases var Engine = Matter.Engine,     World = Matter.World,     Bodies = Matter.Bodies; // create a Matter.js engine var engine = Engine.create(document.body); // create two boxes and a ground var boxA = Bodies.rectangle(400, 200, 80, 80); var boxB = Bodies.rectangle(450, 50, 80, 80); var ground = Bodies.rectangle(400, 610, 810, 60, { isStatic: true }); // add all of the bodies to the world World.add(engine.world, [boxA, boxB, ground]); // run the engine Engine.run(engine); 标签：Matter
【亲测免费】 Meta2d.js 安装和配置指南
gitblog_09407的博客
09-13 1176
### 项目基础介绍 Meta2d.js 是一个实时数据响应和交互的2D引擎，适用于构建Web SCADA、物联网、数字孪生等场景。它提供了丰富的交互事件和数据驱动视图，支持动画和实时数据监控，是一个功能强大的2D图形引擎。 ### 主要编程语言 Meta2d.js 主要使用 TypeScript 编写，TypeScript 是 JavaScript 的超集，提供了静态类型检查和更强大的面向对象...
【国产开源可视化引擎Meta2d.js】快速上手
le5le_iot的博客
07-01 4922
Meta2d.js在 ES5 中使用，在 React 中使用，在 Vue3 中使用快速上手示例 ​
基于乐吾乐meta2d从零实现可视化流程图编辑器（八）引入自定义图元库详解
le5le_iot的博客
10-27 1724
meta2d是乐吾乐开源的2D图元组成的可视化引擎，集实时数据展示、动态交互、数据管理等一体的全功能2D可视化引擎。能够快速实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。具有实时监控、多样、变化、动态交互、高效、可扩展、支持自动算法、跨平台等特点，最大程度减少研发和运维的成本，并致力于普通业务人员 0 代码开发实现物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等可视化解决方案。
【国产开源可视化引擎Meta2d.js】图层
le5le_iot的博客
07-05 1717
每个图元都有先后绘画顺序，即每个图元拥有一个独立图层，即meta2d.data().pens的数组索引。
d2项目插件组件引入
qq_41055071的博客
08-16 845
1.新建的项目的初始目录 再创建以下几个目录 src/api 目录 存储接口封装 src/utils 目录 存储一些工具模块 src/styles 目录 index.less 文件，存储全局样式 在 main.js 中加载全局样式 import ‘./styles/index.less’ 调整之后的目录结构如下。 . ├── README.md ├── babel.config
【国产开源可视化引擎】Meta2d.js API-Rect
le5le_iot的博客
08-05 1111
区域位置。
基于乐吾乐meta2d从零实现可视化流程图编辑器（三）Meta2d核心库图元注册流程及相关概念
le5le_iot的博客
09-07 1125
meta2d是乐吾乐开源的2D图元组成的可视化引擎，集实时数据展示、动态交互、数据管理等一体的全功能2D可视化引擎。能够快速实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。具有实时监控、多样、变化、动态交互、高效、可扩展、支持自动算法、跨平台等特点，最大程度减少研发和运维的成本，并致力于普通业务人员 0 代码开发实现物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等可视化解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值