canvas
| ? | |
|---|---|
g2d=cs.getContext("2d") | contesto grafico 2d della canvas |
cs=document.getElementById("...") | restituisce il riferimento all’oggetto Canvas specificato |
cs.height="..." | imposta l’altezza della finestra grafica |
h=cs.height | l’altezza della finestra grafica |
cs.style=... | imposta lo stile della finestra grafica (sfondo, bordo, …) |
cs.width="..." | imposta la larghezza della finestra grafica |
w=cs.width | la larghezza della finestra grafica |
getContext(“2d”)
| ? | |
|---|---|
g2d.arc(x,y, radius, startAngle,endAngle) | … |
g2d.arc(x,y, radius, startAngle,endAngle, counter-clockwise) | … |
g2d.beginPath() | inizia/ricomincia con un nuovo percorso |
g2d.clearRect(x,y, w,h) | cancella la superficie rettangolare specificata |
g2d.closePath() | chiude il percorso attualmente attivo |
img=g2d.createImageData() | … |
-
- img=g2d.getImageData(…)
- g2d.putImageData(…)
- h=img.height(), l’altezza dell’immagine
- img.data(), …
- w=img.width(), la larghezza dell’immagine
- g2d.drawImage(…), …
- g2d.fill(), riempie il percorso attualmente attivo
- g2d.fillStyle=…, , imposta lo stile di riempimento
- g2d.fillText(…), …
- g2d.fillRect(x,y, w,h), …
- g2d.font=…, imposta lo stile del font
- g2d.lineCap=”…”, imposta stile degli estremi
- g2d.lineJoin=”…”, imposta stile delle giunzioni
- g2d.moveTo(x,y), sposta al punto … il percorso attuale
- g2d.stroke(), traccia il percorso attualmente attivo
- g2d.strokeRect(x,y, w,h), …
- g2d.strokeText(…), …
- g2d.textAlign=”…”
- g2d.textBaseline(…), …
- …