Skip to content

Class: Toolbar

工具条

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

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

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

js
// 显示
stage.showToolbar();

// 隐藏
stage.hideToolbar();

Table of contents

Constructors

Properties

Methods

Constructors

constructor

new Toolbar(stage)

Parameters

NameType
stageStage

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

NameType
btnany

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

NameType
stageany
htmlany

Returns

void


remove

remove(): void

Returns

void


removeAllActive

removeAllActive(group): void

Parameters

NameType
groupany

Returns

void


show

show(): void

显示

Returns

void