¿Cómo mostrar un archivo de imagen que cambia constantemente en un navegador sin actualizar el parpadeo?

Question

Mar 25, 2011, 11:04 PM

¿Cómo mostrar un archivo de imagen que cambia constantemente en un navegador sin actualizar el parpadeo?

Estoy mostrando una imagen (de un archivo) en el navegador usando html ... Tengo otro programa que toma una captura de pantalla de mi pantalla y la almacena como un archivo de imagen "image.jpeg". Estoy mostrando esta imagen en el navegador periódicamente usando setTimeout. Sin embargo, la imagen no está cambiando en el navegador ..

Aquí está mi código ... He usado un objeto Image para que se cargue una nueva imagen cada vez que se ejecuta la función de JavaScript, sin embargo, eso no parece funcionar ...

<html>

<head>

<script type="text/JavaScript">

var x=0, y=0;
var canvas, context, img;

function timedRefresh(timeoutPeriod)
{
    canvas = document.getElementById("x");
    context = canvas.getContext("2d");
    img = new Image();
    img.src = "image.jpeg";
    context.drawImage(img, x, y);
    x+=20; y+=20;
    //img.destroy();
    setTimeout("timedRefresh(1000)",timeoutPeriod);
}

</script>

<title>JavaScript Refresh Example</title>

</head>

<body onload="JavaScript:timedRefresh(1000);">

<canvas id="x" width="600" height="600" />

</body>
</html>