Skip to content

pixso.stickyToolbar

pixso.stickyToolbar 是图层悬浮工具栏的抽象对象,悬浮工具栏默认处于关闭状态,需通过 pixso.stickyToolbar.open(tools) 开启。 开启后在画布上选中单个图层时,悬浮工具栏将会展示在图层的周边,悬浮工具栏的菜单项可通过 tools 参数进行配置。

此外,pixso.stickyToolbar 对象上的 ononce 方法还可以监听菜单上的鼠标触发事件,如鼠标点击、移入、移出。

open

  • Type: open(tools: ToolItem[]): void
  • Type Declaration: ToolItem
  • Tip: 跨线程通信

开启图层悬浮工具栏。

close

  • Type: close(): void
  • Tip: 跨线程通信

关闭图层悬浮工具栏。

position

悬浮工具栏的定位设置,默认为TOP_CENTER

display

悬浮工具栏的展示条件设置,默认为 SELECT ,即选中图层时显示工具栏;当设置为 HOVER_SELECT 时,则需要鼠标悬浮到选中图层时才显示;

on

on(type: "trigger", callback: (event: StickyToolbarEvent) => void): void;

on 方法允许注册监听图层悬浮工具栏特定事件的处理函数,当事件发生时会执行该回调函数,事件类型如下:

  • trigger:图层悬浮工具栏菜单项的鼠标触发事件,如鼠标点击、移入、移出, 可通过 event.type 属性区分鼠标触发事件类型。

once

once(type: "trigger", callback: (event: StickyToolbarEvent) => void): void;

once 方法允许注册监听图层悬浮工具栏特定事件的处理函数,当事件发生时会执行该回调函数。与 on 方法的区别在于,通过 once 方法注册的事件处理函数只会执行一次。

off

off(type: "trigger", callback: (event: StickyToolbarEvent) => void): void;

移除通过 pixso.stickyToolbar.onpixso.stickyToolbar.once 绑定的事件处理函数。