智能调整图像预览大小？

Question

我使用图像预览，允许我将 css 样式添加到弹出的预览中。

现在，有些图像比屏幕大，因此您只能看到其中的一部分，而其他图像非常小，因此您无需调整它们的大小。

有没有办法只调整较大的图像而不触及较小的图像，例如。只调整宽度或高度大于 400 像素的图像？

如果我只使用 width=400px 和 height=400px 所有图像都将采用该尺寸并且比例将是错误的，那么任何其他使较大的图像适合屏幕而不影响较小的图像的方法将不胜感激。对于较小的图像，您将看到非常大的像素。

提前致谢

Answer 1

Seam carving javascript implementation 就是我所说的智能调整图像大小 :)

无论如何，在 Javascript 中，您可以根据 Image 对象的 width 和 height 属性来实现您的逻辑。

也可以看看this page，作者使用jQuery来调整大于指定尺寸的图片。