Komponenty

@open-pencil/vue udostępnia bezstanowe prymitywy strukturalne do okablowania kanvasu, UI nawigacji, paneli właściwości i skupionych kontrolek wejścia.

Podstawowe prymitywy edytora

CanvasRoot

Bezstanowa struktura kanvasu i kontekst.

CanvasSurface

Prymityw elementu canvas powiązany z kontekstem CanvasRoot.

LayerTreeRoot

Bezstanowy prymityw drzewa warstw.

LayerTreeItem

Prymityw jednego wiersza drzewa warstw.

ToolbarRoot

Bezstanowy prymityw paska narzędzi.

ToolbarItem

Prymityw jednego narzędzia paska narzędzi.

PageListRoot

Bezstanowy prymityw listy stron.

Prymitywy panelu właściwości

PropertyListRoot

Bezstanowy prymityw listy właściwości.

PropertyListItem

Prymityw wiersza wypełnień, obrysów lub efektów.

PositionControlsRoot

Kontrolki pozycji, rozmiaru i transformacji.

LayoutControlsRoot

Kontrolki auto-layoutu i rozmiaru.

AppearanceControlsRoot

Kontrolki przezroczystości, widoczności i promienia narożnika.

TypographyControlsRoot

Kontrolki czcionki, wyrównania i formatowania.

Selektory i pola wejściowe

ColorPickerRoot

Prymityw selektora kolorów oparty na popover.

ColorInputRoot

Bezstanowy pomocnik pola wejściowego koloru.

FillPickerRoot

Prymityw selektora wypełnień oparty na popover.

FontPickerRoot

Przeszukiwalny prymityw selektora czcionek.

GradientEditorRoot

Prymityw korzenia do edycji gradientów.

GradientEditorBar

Przeciągany prymityw paska gradientu.

GradientEditorStop

Prymityw jednego punktu zatrzymania gradientu.

ScrubInputRoot

Korzeń numerycznego pola wejściowego z przeciąganiem.

ScrubInputField

Prymityw edytowalnego pola wejściowego.

ScrubInputDisplay

Prymityw wyświetlacza w trybie nieEdycji.