在AI对话上问：js 获取图片厘米尺寸

搜索关于js方面的问题，先不说对不对，我在百度和必应上（懒得翻墙试guge），搜了5分钟没找到满意的答案，在AI对话里直接准确得到！

使用的是中国镜像地址：https://aigcfun.com/

问：js 获取图片厘米尺寸

JavaScript本身并没有提供直接获取图片厘米尺寸的功能，但是可以通过以下步骤来获取图片的尺寸信息：

创建一个新的Image对象
将图片的URL赋值给Image对象的src属性
创建一个onload事件监听器，当图片加载完成后执行回调函数
在回调函数中，可以通过Image对象的naturalWidth和naturalHeight属性获取图片的实际尺寸，单位为像素
如果知道图片的DPI（每英寸像素数）值，可以将像素尺寸转换为厘米尺寸。例如，如果DPI为300，则1英寸有300个像素，因此可以将像素尺寸除以300得到厘米尺寸。
以下是一个示例代码：

function getImageSize(url, dpi, callback) {
  var img = new Image();
  img.onload = function() {
    var width = this.naturalWidth;
    var height = this.naturalHeight;
    if (dpi) {
      var dpiWidth = width / dpi * 2.54;
      var dpiHeight = height / dpi * 2.54;
      callback(dpiWidth, dpiHeight);
    } else {
      callback(width, height);
    }
  };
  img.src = url;
}
// 示例用法，获取图片的厘米尺寸
getImageSize('https://example.com/image.jpg', 300, function(width, height) {
  console.log('Width:', width, 'cm');
  console.log('Height:', height, 'cm');
});

问：js 获取图片dpi

JavaScript本身没有提供直接获取图片DPI（每英寸像素数）的功能，但是可以通过以下步骤来获取图片的DPI值：

创建一个新的Image对象
将图片的URL赋值给Image对象的src属性
创建一个onload事件监听器，当图片加载完成后执行回调函数
在回调函数中，创建一个canvas元素，并将图片绘制到canvas上
获取canvas的上下文对象，并调用getImageData方法获取图像的像素数据
从像素数据中读取图片的DPI值，DPI值通常存储在图像的元数据中（如EXIF信息），可以使用第三方库（如exif-js）来解析元数据。
以下是一个示例代码：

function getImageDPI(url, callback) {
  var img = new Image();
  img.onload = function() {
    var canvas = document.createElement('canvas');
    canvas.width = this.naturalWidth;
    canvas.height = this.naturalHeight;
    var ctx = canvas.getContext('2d');
    ctx.drawImage(this, 0, 0);
    var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
    var dpi = null;
    // 从图像元数据中读取DPI值
    // 需要使用exif-js库来解析元数据
    // 可以参考https://github.com/exif-js/exif-js/blob/master/exif.js
    // 这里简化为直接返回null
    callback(dpi);
  };
  img.src = url;
}
// 示例用法，获取图片的DPI值
getImageDPI('https://example.com/image.jpg', function(dpi) {
  console.log('DPI:', dpi);
});