Does canvas ImageData in JavaScript contain EXIF info?

Question

From the Docs

ImageData interface represents the underlying pixel data of an area of a canvas element

I would like to know does ImageData will have only pixel data or pixel data + meta data? Meta data means any EXIF data like orientation, resolution, file type or dpi.

Problem

Whenever I draw images with EXIF Orientation other than 1 to canvas and read it back as ImageData, the resulted ImageData is not properly aligning on Image tag when I am converting ImageData to DataURL.

Issue is observed both in mobile as well as desktop browsers all most all browsers.

score 8 · Accepted Answer · edited May 23 '17 at 12:16

8

<canvas> does not preserve any JPEG metadata, as this metadata is specific to JPEG file itself. Canvas, by definition, is raw pixel data only.

edited May 23 '17 at 12:16

Community

1
1

answered Dec 01 '15 at 19:22

Mikko Ohtamaa

82,057
50
264
435

Does inkjet helps in manipulating EXIF data? i.e changing DPI or resolution values? – Ganesh K Dec 01 '15 at 19:28
1

By "play with canvas" I mean "do whatever canvas operations you want to do with your javascript" – Mikko Ohtamaa Dec 01 '15 at 19:31
2

is there any method which can be used to save metadata along with image data before using `canvas.toDataUrl()`. – Nikhil Kinkar Sep 25 '18 at 08:24

Does canvas ImageData in JavaScript contain EXIF info?

1 Answers1