Question

我正在开发一个应用程序，该应用程序可以从网页中获取HTML并查看HTML中可以压缩和调整大小的图像。

我可以在这里使用Sharp，使节点的第一部分没问题：

https://www.npmjs.com/package/sharp

我当然也可以在此处调整相同图像的大小。我只是不知道要使用什么尺寸。我不想放大一个小图像等等。

我可以使用开始使用的HTML以某种方式检测屏幕上图像的大小吗？

谢谢。

编辑：

很抱歉造成任何混乱。我需要知道页面上显示的图像大小。因此，图片可能是400x400，但CSS可能会将图片限制为200x200。

如果我有一个大图像（1000x1000），但是它只以500x500的分辨率显示在屏幕上，我会知道它是调整大小的理想选择。

我只是不确定如何根据CSS尺寸调整大小。

Answer 1

我认为Sharp中有一个metadata函数，可让您访问图像元数据，例如格式，宽度，高度等

示例：

const image = sharp(inputJpg);

image.metadata().then(function(metadata) {
    // print image width and height
    console.log({
        width: metadata.width,
        height: metadata.height
    });
});

Answer 2

在Sharp图书馆中，

您可以从此文档获取尺寸： http://sharp.dimens.io/en/stable/search.html?q=dimension

希望它会对您有所帮助。

const sharpImage = sharp('test/test.jpg');
image.metadata().then(function(metadata) {
    console.log(metadata);
});

使用HTML代码检测屏幕上的图像大小

2 个答案: