Skip to content

DDei

  DDeiDDeiEditor的一个内置对象,实现了部分与图形显示有关但与设计器无关的功能、配置以及公共方法。   在图形内部一般不直接访问DDeiEditor,而是使用DDei,DDeiEditor的绝大多数初始化属性、回调函数等在DDei也能获取。。

属性

属性名说明数据类型静态默认值备注
idIDstring
containerid承载容器IDstring和editor一致
stage当前舞台DDeiStage根据情况装载
state状态DDeiEnumStateNONE
state状态DDeiEnumStateNONE
editMode编辑模式number11指针/2手/3文本创建/4线段创建
INSTANCE_POOL实例池Map以key-value的形式维护了所有DDei实例
modelType模型类型stringDDei
width画布宽度number仅用于初始化
height画布高度number仅用于初始化
ratio缩放比率number1.0仅用于初始化
mark水印string/object/null1.0仅用于初始化 查看详情
ruler标尺number1.0仅用于初始化 查看详情
grid网格number/null1仅用于初始化 查看详情
paper纸张string/object/null仅用于初始化 查看详情
background背景string/object/null仅用于初始化 查看详情
EXT_STAGE_WIDTH自动扩展宽度boolean
EXT_STAGE_HEIGHT自动扩展宽度boolean
GLOBAL_ALLOW_STAGE_RATIO开启全局缩放booleantrue
GLOBAL_ADV_WEIGHT吸附区域尺寸number5大于0时拖拽时会有吸附效果,小于0时没有效果
GLOBAL_HELP_LINE_ENABLE显示对齐辅助线booleantrue
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实例

参数

参数名类型范围默认值备注
idstring实例ID
containeridstring承载的容器ID
stagejsonjsonstage的完整json数据

返回值

类型备注
DDeiDDei实例

initRender

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

参数

  无

返回值

  无

示例

代码

vue
<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>

技术支持