【乐吾乐2D可视化组态编辑器】表单控件

最新推荐文章于 2025-08-02 13:40:10 发布

原创

最新推荐文章于 2025-08-02 13:40:10 发布 · 783 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #编辑器 #信息可视化 #流程图

表单控件

乐吾乐2D可视化组态编辑器demo：https://2d.le5le.com/

导入使用

import { formPens ,formPath2DPens} from '@meta2d/form-diagram';
meta2d.registerCanvasDraw(formPens());
meta2d.register(formPath2DPens());//版本>=1.0.9

time 时间显示

form-diagram1.0.9版本以后新增

名称	类型	描述
fillZero	boolean	是否填充0，例如"1"填充为"01"
timeFormat	string	显示格式，语法遵循模版字符串，可以拿到year、month、day、hours、minutes、seconds、week参数。

const time = {
  name: "time",
  x: 100,
  y: 100,
  width: 300,
  height: 40,
  text: '当前时间',
  lineWidth: 0,
  fillZero: true,
  timeFormat:
    '`${year}-${month}-${day} ${hours}:${minutes}:${seconds} 星期${week}`',
          
};

meta2d.addPens([time]);