GestiController class
GestiController
类是Gesti的控制器,它可以让用户与画布进行交互,例如拖拽缩放等。
Example
下面这个例子是使用controller改变文字的内容
Properties(属性)
属性 | 类型 | 描述 |
---|---|---|
initialized | boolean | 表示实例是否已初始化。 |
Methods(方法)
方法
方法名称 | 参数 | 返回类型 | 描述 |
---|---|---|---|
setLayer | layer: number, view?: ViewObject | void | 设置图层 |
hide | view?: ViewObject | void | 隐藏图层 |
show | view?: ViewObject | void | 显示图层 |
getScreenUtil | - | ScreenUtils | 获取屏幕工具 |
forceRender | - | void | 强制渲染 |
bindGesti | gesti: Gesti | void | 绑定 Gesti 对象 |
down | e: Event | void | 鼠标/手指按下时调用 |
up | e: Event | void | 鼠标/手指抬起时调用 |
move | e: Event | void | 鼠标/手指移动时调用 |
wheel | e: Event | void | 鼠标滚轮时调用 |
cancelEvent | - | void | 取消原有事件控制权 |
cancelGesture | - | void | 取消手势 |
layerLower | view?: ViewObject | void | 图层向下移动一位 |
layerRise | view?: ViewObject | void | 图层向上移动一位 |
layerTop | view?: ViewObject | void | 置于最顶层 |
layerBottom | view?: ViewObject | void | 置于最底层 |
unLock | view?: ViewObject | void | 解锁图层 |
lock | view?: ViewObject | void | 锁定图层 |
cancelAll | - | void | 取消所有被聚焦的对象 |
cancel | view?: ViewObject | void | 取消当前被聚焦对象 |
center | view?: ViewObject, axis?: CenterAxis | void | 被选中对象居中画布 |
updateText | text: string, options?: TextOptions | void | 更新文字图层内容 |
upward | viewObject?: ViewObject | number | 选中图册位移变化,向上移动一距离 |
downward | viewObject?: ViewObject | number | 选中图册位移变化,向下移动一距离 |
leftward | viewObject?: ViewObject | number | 选中图册位移变化,向左移动一距离 |
rightward | viewObject?: ViewObject | number | 选中图册位移变化,向右移动一距离 |
rotate | angle: number, existing?: boolean, view?: ViewObject | Promise<void> | 旋转已被选中对象 |
currentViewObject | - | ViewObject | 获取当前选中对象 |
select | select: ViewObject | Promise<void> | 选中传入的可操作对象 |
cleanAll | - | Promise<void> | 清空所有元素 |
position | x: number, y: number, view?: ViewObject | void | 设置位置 |
close | view?: ViewObject | void | 关闭某个图层 |
mirror | view?: ViewObject | boolean | 镜像 |
remove | view?: ViewObject | void | 移除 |
mount | view: ViewObject | void | 挂载对象 |
unMount | view: ViewObject | void | 卸载对象 |
load | view: ViewObject | void | 载入对象 |
render | - | void | 刷新画布 |
update | - | void | 更新 |
addImage | ximage: XImage or Promise<XImage> | Promise<ViewObject> | 新增图片 |
createImage | image: HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or Blob or ImageData or ImageBitmap or OffscreenCanvas, options?: XImageOption | Promise<XImage> | 创建图片 |
addText | text: string, options?: TextOptions | Promise<ViewObject> | 添加文字 |
addListener | listenType: GestiControllerListenerTypes, callback: ListenerCallback, prepend?: boolean | - | 添加监听器 |
removeListener | listenType: GestiControllerListenerTypes, hook: ListenerCallback | - | 移除监听器 |
addWrite | options: { type: GraffitiType; lineWidth?: number; color?: string; isFill?: boolean; } | GraffitiCloser | 添加涂鸦 |
exportAll | interceptor?: ExportAllInterceptor | Promise<string> | 导出所有对象 |
importAll | json: string, interceptor?: ImportAllInterceptor | Promise<void> | 导入所有对象 |
destroyGesti | - | void | 销毁 Gesti 对象 |
querySelector | select: string or ViewObjectFamily | Promise<ViewObject or ViewObject[]> | 查询对象 |
getViewObjectById | id: string | Promise<T extends ViewObject> | 根据 ID 获取对象 |
getViewObjectByIdSync | id: string | T extends ViewObject | 同步获取对象 |
getAllViewObject | - | Promise<ViewObject[]> | 获取所有对象 |
getAllViewObjectSync | - | ViewObject[] | 同步获取所有对象 |
generateScreenUtils | option: ScreenUtilOption | ScreenUtils | 生成屏幕工具 |
调用cancelEvent方法后如需自定义输入事件请前往