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

Utils

常用功能函数

函数

formatPadding

将 padding 转换成数组格式 [top, right, bottom, left]
padding 规则与 css padding 相同

参数：

• padding: Padding

type Padding = number | string | number[];

返回：
number[]

示例：

formatPadding(5)
// [5, 5, 5, 5]
formatPadding('5')
// [5, 5, 5, 5]
formatPadding([3, 5])
// [3, 5, 3, 5]
formatPadding([3, 4, 5])
// [3, 4, 5, 4]
formatPadding([3, 4, 5, 6])
// [3, 4, 5, 6]

deepClone

深拷贝，适用于 画笔
直接通过 JSON.parse(JSON.stringify(pens)) 会报错，推荐使用该方法进行深拷贝

参数：

• o: any
• keepCalc: boolean = false
  保留计算属性
  • false 时 calculative 不保留
  • true 时 calculative 保留，但 calculative.canvas 属性丢失，仍需要重新赋值，无法拷贝的值也会丢失，例如: calculative.img

返回：
any

示例：

deepClone(pens)
deepClone(pens, true)

s8

生成随机数，通常用于生成画笔 id

返回：
string

示例：

s8()
// 54344dfa

rgba

生成具有透明度的颜色，通常用于生成当前色的浅色

参数：

• c: string
  不带透明度的十六进制颜色，如：#1890ff
• p: number
  透明度，0-1

返回：
string

示例：

rgba('#f40', 0.1)
// 'rgba(255,68,0,0.1)'

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

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、博文支持