Canvas.getContext()

Canvas.getContext() - повертає контекст полотна для малювання.

Синтаксис:

Canvas.getContext(contextType, contextAttributes);

Параметри:

Canvas - елемент Canvas.

contextType - рядок який містить назву типу контенту.

"2d" - повертає CanvasRenderingContext2D що представляє двовимірний контекст рендеринга.
"webgl" - повертає WebGLRenderingContext що представляє тривимірний контекст рендеринга.
"webgl2" - повертає WebGL2RenderingContext що представляє тривимірний контекст рендеринга.

contextAttributes - об'єкт який містить атрибути контексту.

Опис:

getContext() метод елемента Canvas який повертає контекст для малювання на полотні Canvas або null якщо ідентифікатор контексту не визначений.

Приклад:

var elCanvas=document.getElementById('canvas');
var ctx= elCanvas.getContext('2d');
alert( ctx );

var canvas=document.getElementById("canvas");
if(canvas.getContext("webgl")==null) alert("WebGLRenderingContext НЕ підтримується браузером.");
else alert("WebGLRenderingContext підтримується браузером.");

var canvas = document.getElementById('canvas');
if(canvas.getContext){
  var ctx = canvas.getContext('2d',{alpha:true});
  ctx.fillStyle="blue";
  ctx.fillRect(15, 15, 135, 135);
}else alert('Ваш браузер Не підтримує getContext');