2008-09-24 28 views
5

¿Cómo etiquetar imágenes en la imagen misma en una página web?¿Etiquetar imágenes en la imagen? CÓMO HACERLO

Taggify, pero ... ¿hay otras opciones?

Orkut también lo hace para etiquetar personas caras ... ¿Cómo se hace?

¿Alguien sabe algún marco público que pueda hacerlo?

Ver abajo una muestra de Taggify:

alt text http://www.iphr.org.br/wp-content/uploads/2008/09/taggify_sample-300x245.jpg

+0

Interesante, nunca sé que se llamara 'etiquetar'. Parece un significado sobrecargado muy confuso. (También puede etiquetar imágenes 'en la imagen misma' utilizando los estándares EXIF ​​/ IPTC para agregar etiquetas de texto como "cara" a una imagen.) – rcreswick

+0

Otra actualización. Esto se ve muy bien: http://karlmendes.com/2010/07/jquery-photo-tag-plugin/ – clime

Respuesta

3

Sé que esto no es javascript pero C# 3.0 tiene una API para hacer esto. El espacio de nombre System.Windows.Media.Imaging tiene una clase llamada BitmapMetadata que se puede usar para leer y escribir metadatos de imagen (que se almacenan en la propia imagen). Aquí es un método para recuperar los metadatos de una imagen dada una ruta de archivo:

public static BitmapMetadata GetMetaData(string path) 
{ 
    using (Stream s = new System.IO.FileStream(path, FileMode.Open, FileAccess.ReadWrite, FileShare.ReadWrite)) 
    { 
     var decoder = BitmapDecoder.Create(s, BitmapCreateOptions.None, BitmapCacheOption.OnDemand); 
     var frame = decoder.Frames.FirstOrDefault(); 
     if (frame != null) 
     { 
      return frame.Metadata as BitmapMetadata; 
     } 
     return null; 
    } 
} 

clase El BitmapMetadata tiene una propiedad para las etiquetas, así como otros metadatos de imagen común. Para guardar los metadatos en la imagen, puede usar el InPlaceBitmapMetadataWriter Class.

+0

Bueno ... pero estoy buscando algo listo para usar. Esta solución requeriría un gran esfuerzo al mostrar los metadatos en la página web, como en el ejemplo anterior (Muestra Taggify) –

1

Puede consultar Image.InfoCards (IIC) en http://www.imageinfocards.com. Con las utilidades de metadatos de IIC puede agregar metadatos en grupos muy fáciles de usar llamados "tarjetas".

Las utilidades suministradas (incluido un applet de Java) le permiten etiquetar archivos GIF, JPEG y PNG sin cambiarlos visualmente.

CII es actualmente propietaria pero hay planes para que sea un protocolo abierto en el 1er trimestre de 2009.

La diferencia entre CII y otros como IPTC/DIG35/DublinCore/etc es que es mucho más centrada en el consumidor y no requiere un grado CS para entenderlo y usarlo ...

2

Hay una etiqueta de mapa en HTML que podría usarse junto con Javascript para 'etiquetar' diferentes partes de una imagen.

Puede ver los detalles here.

0

sólo una pequeña actualización en esto, he creado un plugin de jQuery que hace lo que quiere. Puede verificarlo en http://www.jpictag.com/ Espero que ayude

Cuestiones relacionadas