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(), |