Методи getContext

Методи getContext контексти расмкаширо пеш аз кор бо canvas муқаррар мекунад. Дар параметри аввали метод навъи контекстро - '2d' ё '3d' мушаххас мекунем, ва дар дуввумӣ - сифатҳои онро.

Синтаксис

javascriptcanvas.getContext(навъи контекст, сифатҳо);

Мисол

Биёед canvas-и getContext созем ва ба он заминаи шифоф тавассути сифати alpha муқаррар кунем, ки мавҷудияти канали альфаро ба браузер нишон медиҳад:

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();

Результат:

Мисол

Ва акнун биёед заминаи ғайришифоф созем:

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();

Результат: