DDei

  DDei是DDeiEditor的一个内置对象，实现了部分与图形显示有关但与设计器无关的功能、配置以及公共方法。   在图形内部一般不直接访问DDeiEditor，而是使用DDei，DDeiEditor的绝大多数初始化属性、回调函数等在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	否		回调函数
EVENT_MOUSE_MOVE_IN_CONTROL	鼠标进入某控件	Function/null	否		回调函数
EVENT_MOUSE_MOVE_IN_LAYER	鼠标进入画布	Function/null	否		回调函数
EVENT_MOUSE_IN_AREA	鼠标在某个区域	Function/null	否		回调函数
EVENT_BEFORE_ADD_FILE	新建文件-前	Function/null	否		回调函数
EVENT_AFTER_ADD_FILE	新建文件-后	Function/null	否		回调函数
EVENT_BEFORE_CLOSE_FILE	关闭文件-前	Function/null	否		回调函数
EVENT_AFTER_CLOSE_FILE	关闭文件-后	Function/null	否		回调函数
EVENT_BEFORE_CHANGE_FILE	切换文件-前	Function/null	否		回调函数
EVENT_AFTER_CHANGE_FILE	切换文件-后	Function/null	否		回调函数
EVENT_BEFORE_ADD_SHEET	新建页签-前	Function/null	否		回调函数
EVENT_AFTER_ADD_SHEET	新建页签-后	Function/null	否		回调函数
EVENT_BEFORE_DEL_SHEET	删除页签-前	Function/null	否		回调函数
EVENT_AFTER_DEL_SHEET	删除页签-后	Function/null	否		回调函数
EVENT_BEFORE_CHANGE_SHEET	切换页签-前	Function/null	否		回调函数
EVENT_AFTER_CHANGE_SHEET	切换页签-后	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>

技术支持

QQ:3697355039

微信公众号:ddei757