Hola Buenos Días
Encaré un proyecto relacionado con las etiquetas CANVAS e IMG y me encontré con el siguiente problema.
Tengo un directorio de imagenes al cual le incorporo una imagen nueva, pero antes necesito saber si existe en el directorio.
Para esto muy inocentemente puse:
if (
canva0==canva) {alert("las imagenes son iguales");} else {alert("las imagenes son distintas");}
Siempre se vá por el DISTINTO cuando he puesto las imagenes iguales.
Mi consulta es:
¿Estoy comparando dos canvas en un modo incorrecto?
¿No puedo comparar el contenido de un Canvas con otro Canvas?
Aclaraciones:
Las imagenes las tengo en un
Array tomo una y la comparo con la que deseo agregar.
Primero probé pasando el Canvas a <img> y comparé una etiqueta img con la otra y me pasó lo mismo.
Te agradezco de antemano cualquier comentario al respecto.
Código HTML:
Ver original<!DOCTYPE html>
<!-- Compara una lista de imagenes hasta hallar la misma. -->
<h1> Compara una imagen con otras cambiando cada 3 segundos
</h1> <!-- Esta es la que busco -->
<img id="foto" style="width:240px; heigth:120px;" src="file:///C:/barra/img05.jpg"/> <!-- Esta es la lista de imagenes a comparar -->
<img id="fotx" style="width:240px; heigth:120px;" src="misImagenes[NumImagen]"/>
var i = 0; // Contador de imagenes
// cargo en un Array todas las imagenes de la carpeta
Ki = 22; var misImagenes= new Array(Ki);
for (k = 0; k < Ki; k++) {
if(k<10) {misImagenes [k]="file:///C:/barra/img0"+k+".jpg";} else {
misImagenes [k]="file:///C:/barra/img"+k+".jpg";}
}
// Aqui voy cambiando cada imagen y las comparo con la imagen inicial
function cambia() {
if(i>22){ var NumImagen = 0; i=1; } else { var NumImagen = i++; }
var fotx = document.getElementById("fotx").src=misImagenes[NumImagen];
//Si la imagenes coinciden emite un Alerta
if (foto==fotx) {alert("aca esta");}
}
window.onload=setInterval(cambia, 1500);