<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
<canvas width="200" height="200" id="miCanvas"></canvas>
</html>
<script>
var canvas = document.getElementById('miCanvas'),ctx = canvas.getContext('2d');
// Dibujamos un recuadro azul
ctx.fillStyle = 'blue';
ctx.fillRect(20,20,160,160);
// Guardamos en una variable un pantallazo del canvas
var imageData = ctx.getImageData(0,0,canvas.width,canvas.height);
// Dibujamos encima del recuadro azul un nuevo rectangulo rojo
ctx.fillStyle = 'red';
ctx.fillRect(10,30,180,60);
setTimeout(function () { // volvemos a la imagen anterior antes de escribir el rectangulo rojo
ctx.putImageData(imageData, 0, 0);
}, 3000);
</script>
Crear cuenta
Comentarios sobre la versión: Versión 1 (0)
No hay comentarios