Testi

di

Proprietà

  1. g2d.direction=”…”
  2. g2d.fillStyle=”…”, le caratteristiche del riempimento
    1. …
  3. g2d.font=”…”, le caratteristiche del font da utilizzare, nello stile di CSS ma con delle limitazioni
    1. …
  4. g2d.strokeStyle=”…”, le caratteristiche del contorno
    1. …
  5. g2d.textAlign=”…”
    1. “left”, “center”, “right”
    2. “start”, “end”
  6. g2d.textBaseline=”…”
    1. …

Metodi

  1. g2d.fillText(text, x, y), scrive il riempimento del testo text, alla posizione (x,y)
  2. g2d.strokeText(text, x, y), scrive solo il contorno del testo, alla posizione
    1. text, testo
    2. x, colonna
    3. y, riga
  3. g2d.mesureText(“…”), restituisce un oggetto con le varie dimensioni del testo
    1. …

Prova…

g2d.font="30px Arial";              // Imposta il font a "Arial" con altezza 30 pixel
g2d.textAlign="center";             // Centra il testo
g2d.fillText("Ciao mondo!",50, 50); // Scrive "Ciao mondo!" alla colonna 50 e riga 50
g2d.fillText("Ciao mondo!",50,100); // Scrive "Ciao mondo!" alla colonna 50 e riga 100
g2d.fillText("Ciao mondo!", 
              canvas.width/2, 
              canvas.height/2);     // Scrive al centro della canvas

Lascia un commento