Programmazione.it v6.4
Ciao, per farti riconoscere devi fare il login. Non ti sei ancora iscritto? Che aspetti, registrati adesso!
Info Pubblicità Collabora Autori Sottoscrizioni Preferiti Bozze Scheda personale Privacy Archivio Libri Corsi per principianti Forum
Greenpeace
Guida ad HTML5: l’elemento canvas, stili di linea e pattern (1/2)
Scritto da Pellegrino Principe il 30-08-2010 ore 12:22
L’oggetto canvas consente di utilizzare i seguenti stili di linea:
  • lineWidth: permette di scegliere lo spessore di una linea. I valori impostabili devono essere tutti numeri positivi, perché se si assegnano valori come, ad esempio, lo zero o negativi, l’attributo rimarrà invariato. Di default il valore attribuito è 1.0;
  • lineCap: permette di decidere come saranno renderizzati gli estremi di una linea. I valori impostabili sono uno dei seguenti letterali stringa: butt, con cui l’estremo di una linea sarà disegnato con una linea perpendicolare alla direzione della linea stessa (in pratica, è la consueta linea terminale di una linea); round, con cui l’estremo di una linea sarà disegnato aggiungendo un semicerchio avente il diametro largo quanto la larghezza della stessa linea; square, con cui l’estremo di una linea sarà disegnato aggiungendo un piccolo quadrato largo quanto la larghezza della linea e alto la metà dell’impostazione dello spessore della linea stessa. Di default, il valore attribuito è butt e l’assegnamento di valori differenti da quelli indicati non causerà alcun cambiamento d’impostazione;
  • lineJoin: permette di scegliere come sarà disegnato il punto di unione tra più linee. I valori impostabili sono uno dei seguenti letterali stringa: round, con cui i punti di unione della linea sono renderizzati come angoli arrotondati con un diametro pari alla larghezza della linea; bevel, con cui i punti di unione della linea sono disegnati come degli spigoli smussati, miter con cui i punti di unione della linea sono disegnati aggiungendo un triangolo finale. Di default il valore attribuito è miter e l’assegnamento di valori differenti da quelli indicati non causerà alcun cambiamento d’impostazione;
  • miterLimit, che consente di decidere, allorché si utilizzerà il valore miter con la prroprietà lineJoin, quanto distante sarà il punto di connessione esterno di disegno del triangolo rispetto a quello interno. I valori impostabili devono essere tutti numeri positivi e di default il valore attribuito è 10.0.
Per quanto concerne la possibilità di creare un pattern di un’immagine l’oggetto canvas mette a disposizione il metodo createPattern(image, repetition), con cui creiamo un oggetto di tipo CanvasPattern, che utilizzerà l’immagine fornita dal parametro image e le applicherà uno dei seguenti modi di ripetizione dati dai relativi letterali stringa: repeat, con cui l’immagine sarà ripetuta in entrambe le direzioni; repeat-x, con cui l’immagine sarà ripetuta solo in orizzontale; repeat-y, con cui l’immagine sarà ripetuta solo in verticale, no-repeat con cui l’immagine non sarà ripetuta. Se il valore attribuito sarà un stringa vuota oppure il valore null sarà preso come valore repeat.
Manda ad un amico Aggiungi ai preferiti Sottoscrivi la discussione Stampa
Commenta
Precedente: Copiare o meno il layout di un sito di successo?
Successiva: ZODB, database a oggetti per Python
Copyright Programmazione.it™ 1999-2013. Alcuni diritti riservati. Testata giornalistica iscritta col n. 569 presso il Tribunale di Milano in data 14/10/2002. Pagina generata in 0.243 secondi.