Uso del comando path   [base]


Questo è l'esempio base per illustrare gli spostamenti lineari (comando L ovvero l ) e i movimenti a pennino alzato (comando M ovvero m).
Per chiudere la spezzata usare il comando zac (ossia Z o z. Chi ha una idea migliore per la mnemonica di Z in luogo di "zac" me lo dica...) che ha l'effetto di creare un segmento che congiunge l'ultimo punto della spezzata con il primo.
I numeri che esprimono le coordinate sono in virgola mobile (andrebbe detto: in punto mobile visto che i decimali sono separati dagli interi tramite un punto) e dunque possono essere specificati con altissima precisione, anche sovrabbondante rispetto alla necessità di posizionare il punto.
L'ascissa è crescente verso destra e l'ordinata è crescente verso il basso e dunque il senso di rotazione positivo è quello orario (da x verso y).
Come carattere separatore è ammessa la virgola ( ma solo in Internet Explorer ) oppure, consigliabilmente, il carattere bianco che può essere ripetuto più volte.
Ovviamente il carattere bianco è obbligatorio per separare un numero dall'altro ma è facoltativo quando non esiste ambiguità ossia si può scrivere indifferentemente m 300.7 200.3 oppure m300.7 200.3 oppure m 300.7 200.3.
Una info utile ( soprattutto quando si devono scrivere programmi che scrivono automaticamente delle spezzate o altre linee) è il fatto che anche il segno più (ossia "+") è ammesso come separatore e dunque se ogni numero non negativo viene scritto con il segno + anteposto, diventa totalmente facoltativo l'uso del carattere bianco o dell'andata a capo (caratteri ASCII 13 e 10). Viceversa i caratteri di comando (tipo a,c,t,q,s,l,m,z... ) possono essere seguiti da una virgola. A differenza di due caratteri bianchi consecutivi due virgole consecutive sono significative e dunque fare attenzione a non usare più di una virgola per campo.

Vedere anche:

path-arco-svg.htm

path-cubica-svg.htm

path-quadratica.htm

path-simmetrica-svg.htm

path-tangente-svg.htm

forma-elementare-testo-svg.htm

forma-elementare-ellisse-svg.htm

forma-elementare-cerchio-svg.htm

forma-elementare-rettangolo-svg.htm

forma-elementare-linea-svg.htm


La stessa immagine ma con uso del + come separatore: