Appearance
@jtopo/extensions / Toolbar
Class: Toolbar
工具条
通过按钮触发来调用stage的方法来完成下面的功能:
设置操作模式(默认、框选、编辑、拖拽、查看、锁定)
控制放大、缩小、居中、导出 等
js
// 显示
import { Toolbar } from '@jtopo/extensions';
// 工具栏
const toolbar = new Toolbar(stage);
toolbar.show();
// 隐藏
toolbar.hide();Table of contents
Constructors
Properties
Methods
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
activeButton
activeButton(btnOrTitle): void
激活某个按钮
Parameters
| Name | Type | Description |
|---|---|---|
btnOrTitle | any | j |
Returns
void
getDom
getDom(): HTMLElement
Returns
HTMLElement
hide
hide(): void
隐藏
Returns
void
hideButton
hideButton(title): void
隐藏某个按钮
Parameters
| Name | Type | Description |
|---|---|---|
title | string | 按钮元素的title属性 |
Returns
void
initActiveStatus
initActiveStatus(): void
Returns
void
initToolbar
initToolbar(stage, html): void
Parameters
| Name | Type |
|---|---|
stage | Stage |
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
showButton
showButton(title): void
显示某个按钮
Parameters
| Name | Type | Description |
|---|---|---|
title | string | 按钮元素的title属性 |
Returns
void