焦点的 Jpeg 自定义元数据
Jpeg Custom Metadata for focal point
我正在尝试使用 JavaScript 实现 jpeg 照片焦点的存储。我的工作基于我最近谈到 here.
的巧妙 css 技巧
我的计划是将此技术与单独的 JavaScript 上传和裁剪工具(如 Croppie)配对,并将 jpeg 数据保存到 Amazon S3。
我希望实现的是将 x 和 y 焦点值存储在 jpeg 元数据中,以避免必须进行数据库查找。
然后我会在显示图像时读回这些值并内联 css 背景位置样式以确保图像在不同设备上适当缩放。
我在网上看了一圈,但找不到使用 JavaScript 对其进行编码的任何简单方法。有人对我应该如何处理这个问题有什么建议吗?
假设您使用浏览器 运行 javascript。使用 readAsArrayBuffer
读取缓冲区。寻找 APP1 section and modify it to add your custom metadata, and then save the image. How to access JPEG EXIF in browser?
ExifTool 可以写入元数据。使用Node.js子进程调用程序。
如果可能的话,使用数据库系统或索引来存储相应的信息是一种快速简便的解决方案。
我正在尝试使用 JavaScript 实现 jpeg 照片焦点的存储。我的工作基于我最近谈到 here.
的巧妙 css 技巧我的计划是将此技术与单独的 JavaScript 上传和裁剪工具(如 Croppie)配对,并将 jpeg 数据保存到 Amazon S3。
我希望实现的是将 x 和 y 焦点值存储在 jpeg 元数据中,以避免必须进行数据库查找。
然后我会在显示图像时读回这些值并内联 css 背景位置样式以确保图像在不同设备上适当缩放。
我在网上看了一圈,但找不到使用 JavaScript 对其进行编码的任何简单方法。有人对我应该如何处理这个问题有什么建议吗?
假设您使用浏览器 运行 javascript。使用 readAsArrayBuffer
读取缓冲区。寻找 APP1 section and modify it to add your custom metadata, and then save the image. How to access JPEG EXIF in browser?
ExifTool 可以写入元数据。使用Node.js子进程调用程序。
如果可能的话,使用数据库系统或索引来存储相应的信息是一种快速简便的解决方案。