【国产开源可视化引擎】Meta2d.js API-Canvas

Canvas

属性

addCaches

待添加的画笔数组。存在此缓存数组时，点击画布，将在当前位置添加画笔。

数据类型： Pen[]

示例：

meta2d.canvas.addCaches = [pen1, pen2, pen3];

Copy

函数

makePen

初始化 pen 对象并添加到画布，不高亮，不选中。添加 pen 并选中，推荐用 core.addPen 方法。

参数：

• pen: Pen

返回：

• void

示例：

meta2d.canvas.makePen(pen);

Copy

loadImage

加载 pen 的图片。仅当第一次加载或者 image 属性有变化有效。pen 的 image 属性有：显示图片，背景图片，边框填充图片 3 种

参数：

• pen: Pen

返回：

• void

示例：

meta2d.canvas.loadImage(pen);

Copy

updatePenRect

pen 的 rect 有更新，重新计算相关 rect。
(注：1.1.34版本之前为dirtyPenRect)

参数：

• pen: Pen
• worldRectIsReady?: boolean
  世界坐标区域是否正确。是 - 计算相对坐标；否 - 计算世界坐标
• playingAnimate?: boolean
  是否动画播放。是 - 不计算字体、图标等位置，由动画帧计算；否 - 计算字体、图标等位置

返回：

• void

示例：

meta2d.canvas.updatePenRect(pen);

meta2d.canvas.updatePenRect(pen, true);

Copy

updateLines

重新计算pen的连接关系。

参数：

• pen: Pen
• change?:boolean

是否重新计算线长

返回：

• void

示例：

meta2d.canvas.updateLines(pen);

meta2d.canvas.updateLines(pen, true);

Copy

国产开源

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

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组态，物联网，数字孪生等场景。

Gitee: 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组态，物联网，数字孪生等场景。

欢迎Star、Fork、博文支持