сохранить метаданные с изображением, полученным из холста html5

Question

я хочу сохранить метаданные изображения вместе с данными изображения после сохранения изображения с помощью canvas.toDataUrl('image/jpeg'), чтобы в следующий раз при загрузке изображения у меня был доступ к этим метаданным.

рассмотрите изображение ниже, здесь я рисую объекты на холсте, при наведении на них мыши появляется подсказка с некоторыми данными.Я пытаюсь выяснить, каким образом метаданные могут быть сохранены вместе с изображением, когда изображение загружается снова, всплывающая подсказка должна работать так же, как и раньше.

во время поиска решения я обнаружил, что EXIF используется для сохранения метаданных в изображение, но не нашел прямого решения для этого, большинство решений используют exiftool или любые другие инструменты / библиотеки сторонних производителей.

Answer 1

, чтобы сохранить метаданные в изображении, не найденные варианты из внешнего интерфейса, пришлось сделать это из внутреннего конца (я использовал node.js).Для этого мне пришлось использовать node-exiftool, требуется установка exiftool.

ниже приведены шаги для добавления метаданных к изображению:

1. загрузка изображения и отправка метаданных на сервер.
2. с использованием метода node-exiftool's .writeMetadata() writeметаданные к изображению.

это сделано для записи части.

аналогично для чтения мы можем использовать метод node-exiftool's .readMetadata().