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方法后如需自定义输入事件请前往