JavaScript中的图像DPI

Question

我可以用JavaScript了解图像的dpi（水平和垂直分辨率）吗？

- Tinku

---

你是只想要图片的像素大小还是实际分辨率？ - Ryan

图像的实际分辨率 - Tinku

请问您能否在JavaScript函数中访问屏幕显示的DPI设置？ - Tim S. Van Haren

@Tim，你链接的问题是关于如何获取用户屏幕分辨率，而不是图像 DPI。 - Peter Ajtai

Answer 1

您可以使用 Blueimp 的 Load Image 库中的 EXIF 解析扩展，https://github.com/blueimp/JavaScript-Load-Image#user-content-meta-data-parsing。

loadImage.parseMetaData(file, function(meta) {
    if (!meta.exif) { return; }

    var resX = meta.exif.get('XResolution');
    var resY = meta.exif.get('YResolution');
});

还有一个 exif-js 库（https://github.com/jseidelin/exif-js），但我不能保证它的工作效果如何（我没有使用过）。

- kfriend

Answer 2

我认为DPI不是图像的属性。DPI是打印时使用的一种测量单位。

无论如何...您可以使用以下类似代码获取图像的宽度和高度：

var image = new Image();
image.src = "http://cdn.sstatic.net/stackexchange/img/logos/so/so-logo.png";

//show width and height in alert-popup
alert("Width: "+image.width+", Height: "+image.height);

如果您没有指定宽度和/或高度，img元素的大小始终与图像本身相同。这就是为什么这应该可以工作的原因 :)

- niklas-e

---

我不知道为什么这个被投了那么多负分。它是有效的。 - John Lord

不确定这个“工作”的方式。它只返回图像的尺寸，而不是每个图像都具有的DPI，无论它是用于网络、印刷还是其他任何用途。 - undefined