DOM:HTMLCanvasElement.getContext()

 Share 

Descripción

Método que devuelve un contexto de renderizado para el Canvas. El el caso de llamarlo con un id "2d" nos devuelve un elemento CanvasRenderingContext2D

Sintaxis

getContext(in DOMString contextId);

Parametros

• contextId, identificado del tipo de contexto de renderizado que queremos. Actualmente solo soporta el id "2d". Experimentalmente los navegadores web con soporte WebGL tienen el tipo "experimental-webgl".

Objeto DOM al que aplica

HTMLCanvasElement

Ejemplo

<canvas height="300px" width="300px" id="micanvas"></canvas>

<script>
var canvas = document.getElementById("micanvas");
var ctx = canvas.getContext("2d");

ctx.fillStyle = "rgb(255,0,0)";
ctx.fillRect(20,20,100,100);

ctx.fillStyle = "rgb(0,255,0)";
ctx.fillRect(60,60,140,140);

ctx.fillStyle = "rgb(0,0,255)";
ctx.fillRect(100,100,180,180);
</script>