DDei在线设计器-API-DDei

DDei

DDei是DDeiEditor的一个内置对象，实现了部分与图形显示有关但与设计器无关的功能、配置以及公共方法。

在图形内部一般不直接访问DDeiEditor，而是使用DDei，DDeiEditor的绝大多数初始化属性、回调函数等在DDei也能获取。。

本篇最后提供的示例可以在DDei文档直接预览

属性

属性名	说明	数据类型	静态	默认值	备注
id	ID	string	否
containerid	承载容器ID	string	否		和editor一致
stage	当前舞台	DDeiStage	否		根据情况装载
state	状态	DDeiEnumState	否	NONE
state	状态	DDeiEnumState	否	NONE
editMode	编辑模式	number	否	1	1指针/2手/3文本创建/4线段创建
INSTANCE_POOL	实例池	Map	是		以key-value的形式维护了所有DDei实例
modelType	模型类型	string	否	DDei
width	画布宽度	number	否		仅用于初始化
height	画布高度	number	否		仅用于初始化
ratio	缩放比率	number	否	1.0	仅用于初始化
mark	水印	string/object/null	否	1.0	仅用于初始化查看详情
ruler	标尺	number	否	1.0	仅用于初始化查看详情
grid	网格	number/null	否	1	仅用于初始化查看详情
paper	纸张	string/object/null	否		仅用于初始化查看详情
background	背景	string/object/null	否		仅用于初始化查看详情
EXT_STAGE_WIDTH	自动扩展宽度	boolean	否
EXT_STAGE_HEIGHT	自动扩展宽度	boolean	否
GLOBAL_ALLOW_STAGE_RATIO	开启全局缩放	boolean	否	true
GLOBAL_ADV_WEIGHT	吸附区域尺寸	number	否	5	大于0时拖拽时会有吸附效果，小于0时没有效果
GLOBAL_HELP_LINE_ENABLE	显示对齐辅助线	boolean	否	true
EVENT_LOAD_FILE	加载文件	Function/null	否		回调函数
EVENT_SAVE_FILE	保存文件	Function/null	否		回调函数
EVENT_CONTROL_SELECT_BEFORE	控件选择前	Function/null	否		回调函数
EVENT_CONTROL_SELECT_AFTER	控件选择后	Function/null	否		回调函数
EVENT_CONTROL_SELECT_CREATE	控件创建前	Function/null	否		回调函数
EVENT_MOUSE_OPERATING	鼠标操作中	Function/null	否		回调函数
EVENT_CONTROL_DRAG_BEFORE	拖拽前	Function/null	否		回调函数
EVENT_CONTROL_DRAG_AFTER	拖拽后	Function/null	否		回调函数
EVENT_LINE_DRAG_BEFORE	线拖拽前	Function/null	否		回调函数
EVENT_LINE_DRAG_AFTER	线拖砖后	Function/null	否		回调函数
EVENT_CONTROL_DEL_BEFORE	控件删除前	Function/null	否		回调函数
EVENT_CONTROL_DEL_AFTER	控件删除后	Function/null	否		回调函数
EVENT_CONTROL_EDIT_BEFORE	控件编辑前	Function/null	否		回调函数
EVENT_CONTROL_EDIT_AFTER	控件编辑后	Function/null	否		回调函数
EVENT_CONTROL_EDIT_BEFORE	控件编辑前	Function/null	否		回调函数
EVENT_CONTROL_EDIT_AFTER	控件编辑后	Function/null	否		回调函数
EVENT_STAGE_CHANGE_WPV	移动视窗	Function/null	否		回调函数
EVENT_STAGE_CHANGE_RATIO	全局缩放	Function/null	否		回调函数

方法

static newInstance

创建一个DDei实例

参数

参数名	类型	备注
id	string	实例ID
containerid	string	承载的容器ID
stagejson	json	stage的完整json数据

返回值

类型	备注
DDei	DDei实例

initRender

初始化渲染器，并绑定，初始化render时会创建canvas

参数

无

返回值

无

示例

代码

<script setup lang="ts">
import {DDei,DDeiEditor,DDeiEditorUtil} from "ddei-editor";.....const demo = () => {//获取编辑器 let editor:DDeiEditor = proxy.$refs["ddei_editor_api_6"].editor;//获取ddei实例let ddInstance:DDei = editor.ddInstance;//根据ddei实例获取editor实例let editor1:DDeiEditor = DDeiEditorUtil.getEditorInsByDDei(ddInstance);
};
...</script>