Методот getContext
Методот getContext поставува контекст за
цртање пред работа со canvas. Во првиот параметар
на методот го означуваме типот на контекст - '2d' или '3d',
а во вториот - неговите атрибути.
Синтакса
canvas.getContext(тип на контекст, атрибути);
Пример
Ајде да направиме платно getContext
и да му поставиме транспарентна позадина преку атрибутот
alpha, што му покажува на прелистувачот присуство
на алфа канал:
<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();
:
Пример
А сега ајде да направиме нетранспарентна позадина:
<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();
:
