Enthält Canvas ImageData in JavaScript EXIF-Informationen?

Question

der Dokumenten

Imagedata-Schnittstelle stellt die zugrunde liegenden Pixeldaten eines Bereichs eines Canvas-Element

Ich weiß, möchte nicht nur Imagedata Pixeldaten oder Pixeldaten + Meta-Daten? Metadaten sind EXIF-Daten wie Ausrichtung, Auflösung, Dateityp oder dpi.

Problem

Immer wenn ich Bilder mit EXIF ​​Orientierung ziehe andere als 1 auf der Leinwand und wieder als Imagedata lesen, die in Folge Imagedata Bild-Tag nicht richtig ausgerichtet, wenn ich Imagedata zu DataURL bin zu konvertieren.

Problem wird sowohl in mobilen als auch Desktop-Browsern alle meisten Browser beobachtet.

Answer 1

<canvas> speichert keine JPEG-Metadaten, da diese Metadaten spezifisch für die JPEG-Datei selbst sind. Canvas ist per Definition nur Rohpixeldaten.

• Parse JPEG file yourself to extract metadata

• Wiedergabe mit Leinwand

• Use a custom encoder to write JPEG file out of canvas, injecting extracted EXIF metadata back.