Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 焦点的Jpeg自定义元数据_Javascript_Css_Metadata_Jpeg - Fatal编程技术网

Javascript 焦点的Jpeg自定义元数据

Javascript 焦点的Jpeg自定义元数据,javascript,css,metadata,jpeg,Javascript,Css,Metadata,Jpeg,我正在尝试使用JavaScript实现jpeg照片焦点的存储。我的工作基于我最近提到的一个简洁的css技巧 我的计划是将这项技术与一个单独的JavaScript上传和裁剪工具(如)配对,并将jpeg数据保存到AmazonS3 我希望实现的是将x&y焦点值存储在jpeg元数据中,以避免进行数据库查找 然后,我将在显示图像时读取这些值,并内联css背景位置样式,以确保图像在不同设备之间适当缩放 我在网上浏览了一下,我找不到任何简单的方法来使用JavaScript编码。有人对我应该如何处理这个问题有什

我正在尝试使用JavaScript实现jpeg照片焦点的存储。我的工作基于我最近提到的一个简洁的css技巧

我的计划是将这项技术与一个单独的JavaScript上传和裁剪工具(如)配对,并将jpeg数据保存到AmazonS3

我希望实现的是将x&y焦点值存储在jpeg元数据中,以避免进行数据库查找

然后,我将在显示图像时读取这些值,并内联css背景位置样式,以确保图像在不同设备之间适当缩放


我在网上浏览了一下,我找不到任何简单的方法来使用JavaScript编码。有人对我应该如何处理这个问题有什么建议吗?

假设您使用浏览器运行javascript。使用
readAsArrayBuffer
读取缓冲区。查找并修改该部分以添加自定义元数据,然后保存图像

ExifTool可以写入元数据。使用Node.js子进程调用程序

如果可能的话,使用数据库系统或索引来存储相应的信息是一个快速而简单的解决方案