javascript - 是否可以修改从 HTML5 中的 Canvas 获取的图像的 exif 数据?

标签 javascript image-processing canvas html5-canvas dpi

我试图修改 exif 数据中图像的 dpi header 。我知道它可以在 native iOS/Android 场景中完成。但是是否可以在 Javascript 中对从 Canvas 检索到的图像进行处理。请建议。谢谢

最佳答案

是的,这是可以接受的,

  1. 您需要将 Canvas 转换为 blob(文件)
  2. 您需要将 blob 转换为 DataView
  3. 需要在dataview中查找exif数据,在dataview中查找exif标签位置 (抵消)
  4. 你需要用dataView.setUint8(offset, 值,bigEndian);
  5. 将数据 View 转换为 base64 或图像或 blob

Exif 是一个二进制数据,所以,你将你的 dpi 转换为二进制并将其放入数据 View

您可以使用或查看 ExifRestorer.js 中的代码和 exif.js . 第一个链接用于插入 exif 数据,第二个链接用于解析 exif 数据

关于javascript - 是否可以修改从 HTML5 中的 Canvas 获取的图像的 exif 数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33361443/

相关文章:

javascript - element.querySelector() 与 document.querySelector() 有区别吗?

javascript - 我对这个 Angularjs ng-repeat 做错了什么?

python - 在 OIL 或 Imagemagick 中将彩色叠加层应用于图像

php - 将 Canvas 保存为仅图像可见区域

css - 将对象放置在定义的形状上

javascript - 如何在html文件而不是js文件中调用js补全?

javascript - react 要求.确保。无法读取 require 加载的组件的 props

c++ - 如何在一台 Ubuntu 机器上安装 2 个 Opencv 版本以及如何一次激活一个版本进行编译?

javascript - 在 Javascript 中检测图像中的眼神接触

javascript - 在自定义元素问题中扩展 HTMLCanvasElement