balon.kelas Balon
Class balon pop-up abstrak. Kode ini akan membuat UI yang terlihat seperti balon kata-kata, dengan "ekor" yang mengarah ke blok, dan "kepala" yang menampilkan elemen svg arbitrer.
Tanda Tangan:
export declare abstract class Bubble implements IBubble, ISelectable
Penerapan: IBubble, ISelectable
Konstruktor
| Konstruktor | Pengubah | Deskripsi |
|---|---|---|
| (konstruktor)(workspace, anchor, ownerRect) | Membuat instance baru dari class Bubble |
Properti
| Properti | Pengubah | Jenis | Deskripsi |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(tidak dinyatakan) | Jarak antara titik panah dan titik link. |
| anchor | protected |
Koordinat | |
| BORDER_WIDTH |
|
(tidak dinyatakan) | Lebar batas di sekeliling balon. |
| contentContainer | protected |
SVGGElement | Grup SVG yang berisi konten balon. |
| dibuang | boolean | True jika balon telah dibuang, false jika tidak. | |
| DOUBLE_BORDER |
|
angka | Penggandaan lebar batas di sekeliling balon. |
| id | string | ||
| MIN_SIZE |
|
angka | Ukuran minimum balon. |
| ownerRect? | protected |
Rect | tidak ditentukan | (Opsional) |
| svgRoot | protected |
SVGGElement | Grup SVG yang berisi semua bagian balon. |
| TAIL_ANGLE |
|
(tidak dinyatakan) | Jumlah derajat saat ekor dibengkokkan berlawanan arah jarum jam. |
| TAIL_BEND |
|
(tidak dinyatakan) | Ketajaman lekukan ekor. Angka yang lebih besar menghasilkan ekor yang lebih halus. |
| TAIL_THICKNESS |
|
(tidak dinyatakan) | Ketebalan pangkal ekor dalam kaitannya dengan ukuran gelembung. Angka yang lebih besar menghasilkan ekor yang lebih tipis. |
| ruang kerja | readonly |
WorkspaceSvg |
Metode
| Metode | Pengubah | Deskripsi |
|---|---|---|
| dispose() | Buang balon ini. | |
| drag(newLoc) | Menarik balon ke lokasi yang ditentukan. | |
| endDrag() | Mengakhiri tarik pada balon. | |
| getColour() | protected |
Menampilkan warna latar belakang dan bagian akhir balon ini. |
| getSize() | protected |
|
| isMovable() | Menampilkan apakah balon ini dapat dipindahkan atau tidak. | |
| positionByRect(rect) | protected |
Memosisikan balon "secara optimal" sehingga sebagian besar terlihat dan tidak tumpang tindih dengan persegi panjang (jika tersedia). |
| positionRelativeToAnchor() | protected |
Memosisikan balon sesuai dengan anchor-nya. Tidak merender ekornya. |
| revertDrag() | Memindahkan balon kembali ke tempatnya di awal penarikan. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Tetapkan lokasi ujung balon ini. | |
| setColour(colour) | Menetapkan warna latar belakang dan bagian akhir balon ini. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Menetapkan posisi balon ini sesuai dengan anchor-nya. | |
| setSize(size, relayout) | protected |
Menetapkan ukuran balon ini, termasuk batasnya. |
| startDrag() | Mulai tarik pada balon. | |
| unselect() |