# Метод getContext

Метод `getContext` задает контекст для рисования перед работой с канвасом. В первом параметре метода указываем тип контекста - `'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();`

:

←
↑
en ru