Metode getContext

Metode getContext iestata zīmēšanas kontekstu pirms darba ar kanvu. Metodes pirmajā parametrā mēs norādām konteksta veidu - '2d' vai '3d', un otrajā - tā atribūtus.

Sintakse

javascriptcanvas.getContext(konteksta veids, atribūti);

Piemērs

Izveidosim getContext kanvu un iestatīsim tai caurspīdīgu fona atribūtu alpha, kas pārlūkprogrammai norāda alfa kanāla esamību:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptconst canvas = document.getElementById("canvas");
const ctx = canvas.getContext('2d', {alpha: true});

ctx.rect(50, 50, 100, 100);
ctx.fillStyle = 'red';
ctx.fill();

Результат:

Piemērs

Tagad izveidosim necaurspīdīgu fonu:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptconst canvas = document.getElementById("canvas");
const ctx = canvas.getContext('2d', {alpha: false});

ctx.rect(50, 50, 100, 100);
ctx.fillStyle = 'red';
ctx.fill();

Результат: