智能调整图像预览大小?

时间:2010-01-17 18:09:53

标签: javascript jquery css image frontend

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

现在,有些图像比屏幕大,所以你只看到它们的一部分,而其他图像非常小,所以你不必调整它们的大小。

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

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

提前致谢

1 个答案:

答案 0 :(得分:2)

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

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

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