如何在网页中的图像本身中标记图像？

我知道Taggify，但是...还有其他选择吗？

Orkut还会用它来标记人脸...这是怎么做的？

任何人都知道任何能够做到这一点的公共框架吗？

请参阅Taggify的以下波纹管示例：

替代文字http://www.iphr.org.br/wp-content/uploads/2008/09/taggify_sample-300x245.jpg

解决方案

我知道这不是javascript，但是C3.0具有执行此操作的API。 System.Windows.Media.Imaging命名空间具有一个称为BitmapMetadata的类，该类可用于读取和写入图像元数据(存储在图像本身中)。这是一种在给定文件路径的情况下检索图像元数据的方法：

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;
    }
}

BitmapMetadata类具有标签以及其他常见图像元数据的属性。要将元数据保存回图像，可以使用InPlaceBitmapMetadataWriter类。

我们可以在http://www.imageinfocards.com上检出Image.InfoCards(IIC)。借助IIC元数据实用程序，我们可以在用户友好的组(称为"卡")中添加元数据。

提供的实用程序(包括Java applet)使我们可以标记GIF，JPEG和PNG，而无需在视觉上进行更改。

IIC目前是专有的，但计划在2009年第一季度使其成为开放协议。

IIC与其他IPTC / DIG35 / DublinCore / etc等之间的区别在于，它以消费者为中心，并且不需要CS学位即可理解和使用它。

HTML中有一个地图标记，可以与Javascript结合使用，以"标记"图像的不同部分。

我们可以在此处查看详细信息。

我将重新激活该问题并有所帮助。目前，我唯一发现的是http://www.sanisoft.com/downloads/imgnotes-0.2/example.html。 jQuery标记实现。如果有人知道另一种方式，请告诉我们。

;)