我正在使用图片预览,允许我将css样式添加到弹出的预览中。
现在,有些图像比屏幕大,所以你只看到它们的一部分,而其他图像非常小,所以你不必调整它们的大小。
有没有办法只调整较大的图像,而不是触及较小的图像,例如。仅调整宽度或高度大于400像素的图像?
如果我只使用width = 400px和height = 400px,那么任何其他方法可以使较大的那些适合屏幕而不影响较小的那些因为所有图像都将处于该大小并且比例将是错误的。对于较小的图像,你会得到非常大的像素。
提前致谢
答案 0 :(得分:2)
Seam carving javascript implementation就是我所说的智能调整图像大小:)
无论如何,在Javascript中,您可以根据width
对象的height
和Image
属性来实现您的逻辑。
另请查看this page,作者使用jQuery调整大于指定尺寸的图像。