javascript - usar - Etiqueta de imágenes en la imagen en sí? CÓMO

usar atributo alt en html

Question

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

Conozco Taggify , pero ... ¿hay otras opciones?

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

¿Alguien conoce un marco público que pueda hacerlo?

Vea una muestra abajo de Taggify:

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

Answer 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.

Actualmente, la CII es de propiedad exclusiva, pero hay planes para que sea un protocolo abierto en el primer trimestre de 2009.

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

Answer 2

Sé que esto no es javascript, pero C # 3.0 tiene una API para hacer esto. El espacio de nombres System.Windows.Media.Imaging tiene una clase llamada BitmapMetadata que se puede usar para leer y escribir metadatos de imágenes (que se almacenan en la imagen). Aquí hay 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;
    }
}

La clase BitmapMetadata tiene una propiedad para las etiquetas y otros metadatos de imágenes comunes. Para guardar metadatos en la imagen, puede usar la clase InPlaceBitmapMetadataWriter .

Answer 3

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

Puedes ver los detalles aquí .

Answer 4

Reactivaré esta pregunta y ayudaré un poco. Actualmente, lo único que he encontrado es http://www.sanisoft.com/downloads/imgnotes-0.2/example.html . Una implementación de etiquetado jQuery. Si alguien sabe de otra manera, por favor díganos.

;)

Answer 5

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