Tema: no logro comparar dos Canvas
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 27/01/2014, 14:49
viterr
 
Fecha de Ingreso: noviembre-2012
Mensajes: 7
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: no logro comparar dos Canvas
Hola que tal ahora si entiendo un poco mas a ver si te sirve esto

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Documento sin título</title>
  6.  
  7.  
  8. </head>
  9.  
  10. <body>
  11. <script type="text/javascript">
  12.     var misImagenes = new Array(3);
  13.     for (i=0; i<misImagenes.length;i++){
  14.         misImagenes[i]= "img/0"+i+".jpg";
  15.     }
  16.     var contador = 0;
  17.     
  18.     
  19.     window.onload = function(){
  20.     
  21.     
  22.     cambiarImagen();
  23.     }
  24.     cambiarImagen = function(){
  25.         var imgfija = document.getElementById('foto').src="img/02.jpg";
  26.     if(contador == misImagenes.length){
  27.         contador = 0;
  28.     }
  29.     
  30.     var imgcambia = document.getElementById('fotx').src = misImagenes[contador];
  31.     contador++;
  32.     if(imgfija==imgcambia){
  33.         alert('las imagenes son iguales');
  34.         return;
  35.     }
  36.     setTimeout(cambiarImagen, 3000);
  37.     
  38. }
  39.  
  40. </script>
  41. <body>
  42.       <h1> Compara una imagen con otras cambiando cada 3 segundos</h1>
  43.       <!-- Esta es la que busco -->
  44.       <img id="foto" style="width:240px; heigth:120px;" src=""/>
  45.       <!-- Esta es la lista de imagenes a comparar -->
  46.       <img id="fotx" style="width:240px; heigth:120px;" src=""/>
  47.   </body>
  48. </body>
  49. </html>