1

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

我可以在节点中做第一部分没问题，在这里使用夏普：

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

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

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

提前致谢。

编辑：

很抱歉有任何混淆。我需要知道页面上显示的图像有多大。因此，图像可能是 400x400，但 css 可能会将其限制为 200x200。

如果我有一张大图像（1000x1000），但它只在 500x500 的屏幕上显示，我知道它是调整大小的绝佳选择。

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

4

2 回答 2

1

我认为在 Sharp 中有一个元数据功能，可以让您访问图像元数据，例如格式、宽度、高度等。

例子：

const image = sharp(inputJpg);

image.metadata().then(function(metadata) {
    // print image width and height
    console.log({
        width: metadata.width,
        height: metadata.height
    });
});
于 2018-08-03T07:03:29.890 回答
-1

在夏普图书馆，

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

希望它会帮助你。

const sharpImage = sharp('test/test.jpg');
image.metadata().then(function(metadata) {
    console.log(metadata);
});
于 2018-08-03T06:03:54.923 回答