DOM:HTMLCanvasElement.drawImage()

De W3API
Saltar a: navegación, buscar

Contenido

Descripción

Método que nos permite insertar una imagen en un Canvas.

Sintaxis

void drawImage(in nsIDOMElement image, in float dx, in float dy);

Parametros

  • image, elemento que contiene una imagen.
  • dx, coordenada X en el Canvas.
  • dy, coordenada Y en el Canvas.

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");

 var img = new Image();
 img.src = "imagen.png";

 // Importante el onload
img.onload = function(){
  ctx.drawImage(img, 0, 0);
}
</script>

Lineas de Código

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