Ridimensionare le immagini
This post is part of the series Realizzare Giochi in HTML5
Other posts in this series:
- Realizzare giochi con i Canvas di HTML5 e JavaScript Ep. I
- Realizzare un Gioco in HTML5 Ep. II: Disegnare sui Canvas (Current)
- Realizzare un Gioco in HTML5 Ep. III: Animare gli elementi
Aggiungendo altri due numeri ai parametri del metodo drawImage possiamo comandare larghezza e altezza dell’immagine da disegnare.
Nell’esempio qui sopra la stessa immagine di prima viene disegnata lasciando uno spazio di 20 pixel tutto intorno, infatti tutto il Canvas è largo 550 pixel e alto 400 pixel, la porzione con disegno è larga 510 pixel e alta 360 pixel ed è distante dal bordo sinistro e dal bordo superiore esattamente 20 pixel.
Continue reading this series:
Realizzare un Gioco in HTML5 Ep. III: Animare gli elementi
2 replies on “Realizzare un Gioco in HTML5 Ep. II: Disegnare sui Canvas”
Fantastico, attendiamo il prossimo ;)
Grazie! È sempre bello ricevere commenti come questo. Il prossimo articolo è pronto per essere pubblicato giovedì 24.