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