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.