DOM:HTMLCanvasElement.getContext()

De W3API
Saltar a: navegación, buscar

Contenido

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>

Lineas de Código

Herramientas personales
Espacios de nombres
Variantes
Acciones
Navegación
api's
webs
Herramientas