30/08/2016, 09:29
|
| | Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 14 años Puntos: 4 | |
Respuesta: HTML5 - Insertar una imagen en un <canvas> Hola! Ya lo he sacado!! :)
Por si a alguien le puede interesar!
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“utf-8” />
<title></title>
<style>
.contenedor{
box-sizing:border-box;
float:left;
width:50%;
padding:10px;
}
.lienzo{
border:1px solid #d9d9d9;
}
#micanvas{width:100%;float:left;}
</style>
</head>
<body>
<div class="contenedor" style="border-style:solid;">
<canvas class="lienzo" 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.gif";
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
</script>
</div>
</body>
</html> |