javascript - 智能调整图像预览大小？

Question

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

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

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

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

提前致谢

Answer 1

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

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

另请查看 this page ，作者使用 jQuery 调整大于指定尺寸的图像。