disegna e crea grafica online
Applicazione Web per Creare Grafica Vettoriale in SVG
open janvas...

Pannelli e Proprietà della selezione

Quando si seleziona un elemento grafico viene mostrato il pannello delle informazioni geometriche "Trasforma" ed il pannello relativo al tipo di oggetto selezionato. Ad esempio se si seleziona una immagine verrà mostrato il pannello Trasforma ed il Pannello delle proprietà dell'immagine.

Questa pagina illustra tutti i pannelli delle proprietà relativi agli elementi grafici.

Pannello Trasforma

Il pannello "Trasforma" mostra tutte le proprietà geometriche di un elemento grafico: posizione, rotazione, dimensione.

Ogni trasformazione applicata, cambiando i valori delle proprietà, utilizza come origine la maniglia selezionata nel box (posto in alto al centro del pannello) la quale rappresenta un punto fisso dell'elemento selezionato nella pagina.

Insieme alle proprietà geometriche sono presenti anche i campi che consentono di spostare e scalare gli elementi selezionati in modo relativo.

Il pulsante con l'icona "catena"  consente di vincolare il rapporto tra altezza e larghezza.
Se si attiva il pulsante catena, cambiando il valore dell'altezza cambierà anche la larghezza in proporzione all'altezza, viceversa, cambiando la larghezza si otterrà l'altezza in proporzione alla larghezza.

Sono inoltre presenti i pulsanti per riflettere un elemento grafico sia orizzontalmente e verticalmente.

Pannello delle proprietà del rettangolo

Il pannello dell'elemento grafico rettangolo mostra le proprietà relative all'arrotondamento degli angoli.
I parametri definiscono il raggio di curvatura in X e in Y.
Il pulsante in fondo al pannello consente di convertire il rettangolo in una Path.

Pannello delle proprietà dell'ellisse

Il pannello dell'elemento grafico ellisse mostra le proprietà relative al raggio in X e in Y.
Il pulsante in fondo al pannello consente di convertire l'ellisse in una Path.

Pannello delle proprietà dalla linea

Il pannello dell'elemento grafico "Linea" mostra le proprietà: lunghezza, orientamento e le coordinate del primo e del secondo punto.
Il pulsante in fondo al pannello consente di convertire la linea in una Path.

Pannello delle proprietà dalla path

Il pannello dell'elemento grafico "Path" mostra i pulsanti le cui azioni permettono di:
- Congiungere 2 Path selezionate quando le coordinate dei loro punti iniziali o finali coincidono.
- Chiudere la path creando un segmento che congiunge il primo punto con l'ultimo.
- Unire diverse path selezionate creando una unica path composta.
- Separare le paths contenute in una path composta.
- Invertire l'ordine dei punti che compongono una path.

Pannello delle proprietà del testo

Il pannello dell'elemento grafico "Text" mostra le proprietà globali di un box di testo oppure le proprietà di una porzione di testo selezionata.

la prima casella di controllo in alto a destra permette di definire se il testo contenuto nel box di testo deve essere semplice testo oppure "Rich text", ovvero con la possibilità di avere diversi stili.

I campi presenti permettono di impostare:
- Nome del font
- Stile del testo
- Dimensione del font
- Altezza della linea di testo
- Decorazione del testo
- Spaziatura tra le lettere
- Spaziatura tra le parole

I pulsanti con icone presenti permettono di:
- Allineare il testo a sinistra
- Allineare il testo al centro
- Allineare il testo a destra
- Allineare il testo giustificato

I pulsanti con etichetta permettono di:
- Aprire la libreria Google Fonts
- Convertire il testo in tracciati paths
- Creare un testo su percorso

Pannello delle proprietà di una immagine

Il pannello delle proprietà relative ad una immagine selezionata mostra:

- Il campo relativo alla url
- Le dimensioni reali dell'immagine

Pannello delle proprietà di un gruppo

Il pannello dell'elemento grafico gruppo è composto da 2 pulsanti.
Il primo pulsante consente di separare il gruppo.
Il secondo pulsante consente di editare il gruppo in un livello isolato.

Pannello delle proprietà di un simbolo

Il pannello delle proprietà relative ad un simbolo selezionato mostra il campo relativo al suo ID.
I pulsanti presenti consentono di:
- Creare un nuovo simbolo duplicandolo.
- Editare il simbolo in un livello isolato.

Pannello delle proprietà di una clip path

Il pannello delle proprietà relative ad un elemento selezionato con clip-path (tracciato di ritaglio) mostra i pulsanti che consentono di:
- Rimuovere il tracciato di ritaglio.
- Editare il contenuto ed il tracciato di ritaglio in un livello isolato.

Pannello delle proprietà di una maschera

Il pannello delle proprietà relative ad un elemento selezionato con maschera (maschera di ritaglio) mostra i pulsanti che consentono di:
- Rimuovere la maschera di ritaglio.
- Editare il contenuto e la maschera in un livello isolato.

Informazioni utili

I pannelli dell'interfaccia utente di Janvas, possono essere estratti dalla loro posizione iniziale per essere posizionati in qualsiasi altra posizione più utile al contesto in cui si sta lavorando.