Class: Toolbar

工具条

通过按钮触发来调用stage的方法来完成下面的功能:

设置操作模式（默认、框选、编辑、拖拽、查看、锁定）

控制放大、缩小、居中、导出 等

// 显示
import { Toolbar } from '@jtopo/ui';

// 工具栏
const toolbar = new Toolbar(stage);

toolbar.show();

// 隐藏
toolbar.hide();

Table of contents

Constructors

• constructor

Properties

• buttons
• domObj
• fileInput
• imageToBase64
• stage

Methods

• activeBtn
• getDom
• getHeigth
• hide
• initActiveStatus
• initToolbar
• remove
• removeAllActive
• show

Constructors

constructor

new Toolbar(stage)

Parameters

Name	Type
stage	Stage

Properties

buttons

buttons: NodeListOf<HTMLButtonElement>

---

domObj

domObj: HTMLElement

---

fileInput

fileInput: HTMLElement

---

imageToBase64

imageToBase64: boolean = true

下载时，是否将图标内联到json

---

stage

stage: Stage

Methods

activeBtn

activeBtn(btn): void

Parameters

Name	Type
btn	any

Returns

void

---

getDom

getDom(): HTMLElement

Returns

HTMLElement

---

getHeigth

getHeigth(): number

获取工具高度

Returns

number

---

hide

hide(): void

隐藏

Returns

void

---

initActiveStatus

initActiveStatus(): void

Returns

void

---

initToolbar

initToolbar(stage, html): void

Parameters

Name	Type
stage	any
html	any

Returns

void

---

remove

remove(): void

Returns

void

---

removeAllActive

removeAllActive(group): void

Parameters

Name	Type
group	any

Returns

void

---

show

show(): void

显示

Returns

void