dymki.Klasa z dymkami
Klasa bąbelków abstrakcyjnych. Spowoduje to utworzenie interfejsu przypominającego dymek z tekstem, z „ogonem” wskazującym bryłę i „głową” zawierającą dowolne elementy SVG.
Podpis:
export declare abstract class Bubble implements IBubble, ISelectable
Implementacje: IBubble, ISelectable
Zespoły
| Zespół | Modyfikatory | Opis |
|---|---|---|
| (konstruktor)(obszar roboczy, kotwica, właścicielRect) | Konstruuje nową instancję klasy Bubble |
Właściwości
| Właściwość | Modyfikatory | Typ | Opis |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(nie zadeklarowano) | Odległość między punktem strzałki a punktem zakotwiczenia. |
| kotwica | protected |
Współrzędne | |
| BORDER_WIDTH |
|
(nie zadeklarowano) | Szerokość obramowania wokół bąbelka. |
| contentContainer | protected |
SVGGElement | Grupa SVG zawierająca zawartość dymka. |
| usunięty | boolean | Wartość „prawda”, jeśli bąbelek został wyrzucony. W przeciwnym razie ma wartość „fałsz”. | |
| DOUBLE_BORDER |
|
Liczba | Zwiększ dwukrotnie szerokość obramowania wokół bąbelka. |
| id | string, | ||
| MIN_SIZE |
|
Liczba | Minimalny rozmiar bąbelka. |
| ownerRect? | protected |
Prostokąt | niezdefiniowany | (Opcjonalnie) |
| svgRoot | protected |
SVGGElement | Grupa SVG zawierająca wszystkie części bąbelka. |
| TAIL_ANGLE |
|
(nie zadeklarowano) | Liczba stopni, o jaką zgina się ogon w lewo. |
| TAIL_BEND |
|
(nie zadeklarowano) | Ostrość zagięcia ogona. Im wyższa liczba, tym płynniejszy przebieg. |
| TAIL_THICKNESS |
|
(nie zadeklarowano) | Grubość podstawy ogona w odniesieniu do rozmiaru bąbelka. Im wyższa liczba, tym cieńsze ogony. |
| obszar roboczy | readonly |
WorkspaceSvg |
Metody
| Metoda | Modyfikatory | Opis |
|---|---|---|
| dispose() | Zutylizuj ten bąbel. | |
| drag(newLoc) | Przeciąga dymek do wskazanego miejsca. | |
| endDrag() | Kończy przeciąganie bąbelka. | |
| getColour() | protected |
Zwraca kolor tła i ogona tego bąbelka. |
| getSize() | protected |
|
| isMovable() | Zwraca, czy dymek można przesunąć. | |
| positionByRect(rect) | protected |
Ustawia dymek „optymalnie” w taki sposób, aby jego większość była widoczna i nie zasłaniała prostokąta (jeśli jest dostępna). |
| positionRelativeToAnchor() | protected |
Określa położenie bąbelka względem jego kotwicy. Nie renderuje części strony. |
| revertDrag() | Przenosi dymek z powrotem do miejsca, w którym znajdował się na początku przeciągania. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Ustaw lokalizację, na którą wskazuje koniec tego bąbelka. | |
| setColour(colour) | Ustawia kolor tła i ogona tego bąbelka. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Ustawia położenie tego bąbelka względem jego kotwicy. | |
| setSize(size, relayout) | protected |
Ustawia rozmiar tego bąbelka, w tym obramowanie. |
| startDrag() | Rozpoczyna przeciąganie bąbelka. | |
| unselect(), |