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