Metodo getContext
Il metodo getContext imposta il contesto per
il disegno prima di lavorare con la canvas. Nel primo parametro
del metodo specifichiamo il tipo di contesto - '2d' o '3d',
e nel secondo - i suoi attributi.
Sintassi
canvas.getContext(tipo di contesto, attributi);
Esempio
Creiamo una canvas con getContext
e impostiamo uno sfondo trasparente attraverso l'attributo
alpha, che indica al browser la presenza
del canale alfa:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext('2d', {alpha: true});
ctx.rect(50, 50, 100, 100);
ctx.fillStyle = 'red';
ctx.fill();
:
Esempio
Ora creiamo uno sfondo opaco:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext('2d', {alpha: false});
ctx.rect(50, 50, 100, 100);
ctx.fillStyle = 'red';
ctx.fill();
:
