2008-09-24 5 views
5

Wie man Bilder im Bild selbst auf einer Webseite markiert?Tag Bilder im Bild selbst? HOW-TO

Ich weiß Taggify, aber ... gibt es andere Optionen?

Orkut macht es auch um Leute Gesichter zu markieren ... Wie wird es gemacht?

Wer kennt jeden öffentlichen Rahmen, der dazu in der Lage ist?

Sehen Sie eine Probe unten aus Taggify:

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

+0

Interessant, ich weiß nie, dass das "Tagging" genannt wurde. Es scheint wie eine sehr verwirrende überladene Bedeutung. (Sie können Bilder auch "im Bild selbst" markieren, indem Sie die EXIF ​​/ IPTC-Standards verwenden, um einem Bild Textmarkierungen wie "Gesicht" hinzuzufügen.) – rcreswick

+0

Ein weiteres Update. Das sieht sehr gut aus: http://karlmendes.com/2010/07/jquery-photo-tag-plugin/ – clime

Antwort

3

Ich weiß, das kein Javascript ist aber C# 3.0 hat eine API für dies zu tun. Der System.Windows.Media.Imaging Namespace hat eine Klasse mit dem Namen BitmapMetadata, die zum Lesen und Schreiben von Bildmetadaten (die im Bild selbst gespeichert sind) verwendet werden kann. Hier ist ein Verfahren zum Abrufen der Metadaten für ein Bild, einen Dateipfad angegeben:

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

Die BitmapMetadata Klasse hat eine Eigenschaft für Tags sowie andere gängige Bild-Metadaten. Um Metadaten wieder in das Bild zu speichern, können Sie die InPlaceBitmapMetadataWriter Class verwenden.

+0

Schön ... aber ich bin auf der Suche nach etwas Ready-to-Use. Diese Lösung würde sehr viel Aufwand erfordern, um die Meta-Daten auf der Webseite anzuzeigen, wie in der obigen (Taggify-Beispiel) –

1

Sie können Image.InfoCards (IIC) unter http://www.imageinfocards.com auschecken. Mit den IIC-Metadaten-Dienstprogrammen können Sie Metadaten in sehr benutzerfreundlichen Gruppen namens "cards" hinzufügen.

Mit den mitgelieferten Dienstprogrammen (einschließlich eines Java-Applets) können Sie GIFs, JPEGs und PNGs markieren, ohne sie visuell zu ändern.

IIC derzeit proprietär ist, aber es gibt Pläne es ein offenes Protokoll im 1. Quartal 2009

Der Unterschied zwischen IIC und andere wie IPTC/DIG35/Dublin/etc zu machen, ist, dass es viel mehr Verbraucher-centric ist und erfordert keinen CS-Abschluss, um es zu verstehen und zu verwenden ...

2

Es gibt ein Map-Tag in HTML, das in Verbindung mit Javascript verwendet werden kann, um verschiedene Teile eines Bildes zu "taggen".

Sie können die Details sehen here.

0

nur ein kleines Update auf diese, ich habe eine jQuery-Plugin erstellt, das tut, was Sie wollen. Sie können es auf http://www.jpictag.com/ Hope es hilft