javascript - Tag images in the image itself? HOW-TO

Question

How to tag images in the image itself in a web page?

I know Taggify, but... is there other options?

Orkut also does it to tag people faces... How is it done?

Anyone knows any public framework that is able to do it?

See a sample bellow from Taggify:

Answer 1

我知道这不是 javascript，但 C# 3.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 类。

Answer 2

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

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

Answer 3

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

;)

Answer 4

您可以在http://www.imageinfocards.com查看 Image.InfoCards (IIC) 。使用 IIC 元数据实用程序，您可以在称为“卡片”的非常用户友好的组中添加元数据。

提供的实用程序（包括 Java 小程序）允许您标记 GIF、JPEG 和 PNG，而无需在视觉上更改它们。

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

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