scale()

Il rettangolo nell’angolo viene scalato più volte (raddoppia le dimensioni) Il rettangolo al centro viene scalato più volte (raddoppia tutti i parametri, anche quelli negativi) Il rettangolo al centro viene scalato più volte (dimezza tutti i parametri, anche quelli negativi)

Trasformazioni

Per semplificare il disegno si può spostare / ruotare / ridimensionare il sistema di riferimento g2d.rotate(…) Ruota il sistema di riferimento attuale dell’angolo specificato g2d.scale(dx,dy) Scala il sistema di riferimento corrente, moltiplica tutti i parametri successivi per i fattori specificati 0.5 = 50% (dimezza) 1 = 100% 2 = 200% (raddoppia) g2d.setTransform(…) Riporta la trasformazione … Leggi tutto

Archi

Un cerchio al centro e due semicerchi Archi con angolo diverso da pi e 2*pi Una sequenza di cerchi

Rettangoli

Sintassi fillRect(x,y, w,h), colora l’interno del rettangolo (x,y) è l’angolo in alto a sinistra w, dimensione in orizzontale h, dimensione in verticale strokeRect(…), disegna il perimetro del rettangolo clearRect(…), pulisce/cancella i pixel nel rettangolo specificato rect(…), crea un oggetto rettangolo Disegna un rettangolo Disegna 4 rettangoli Disegna un rettangolo al centro Disegna 4 rettangoli su … Leggi tutto

Percorsi

La modalità con cui si disegna nell’oggetto Canvas è diversa dalle tecniche tradizionali. Si scelgono le impostazioni grafiche: fillStyle, lineWidth, strokeStyle, … Si descrive un percorso tramite una sequenza di figure elementari: arc(), arcTo(), ellipse(), lineTo(), … Con fill() e/o stroke() si colora/disegna tutto come un’unica figura Funzioni beginPath(), comincia un percorso Annulla il percorso eventualmente … Leggi tutto

Problemi frequenti

Javascript assomiglia molto ad altri linguaggi (soprattutto a quelli che derivano da C) ma questo aumenta la probabilità di sbagliare! Javascript è case sensitive. L’operatore di uguaglianza è == a=0 if(a = 1) … // Restituisce true, errore if(a = “1”) … // Restituisce true, errore if(a == 1) … // Restituisce false, Esatto! L’operatore … Leggi tutto

Calcoli – 2

Operazioni con due argomenti numerici Modifica i valori della x e della y e osserva i risultati x y x + y x < y x | y x – y x > y x & y x * y x = y x > y x % y x != y x >>> y … Leggi tutto