0

有人知道正确使用“CSS 图像大小（我的意思是宽度和高度）的动态变化”的图像裁剪吗？

如果有原始图像大小（例如大小：400px x 400px）和宽度：100%，则所有图像裁剪都可以正常工作；

但是，如果向用户显示尺寸为 1500 像素 x 1500 像素的图片并仅使用 css 将其缩小为 100 像素 x 100 像素（因为 1500 像素 - 通常对于屏幕来说太大而且看起来不漂亮） - 在这种情况下，我之前看到的图像裁剪器会发出错误或制作带有初始值的缩略图（左上角）。我需要从 Facebook 相册中提取图片，而且通常它们都太大了。

我知道可以在裁剪前缩小图像，但会降低质量。

顺便说一句，看起来有办法做到这一点，因为即使我在 css 中“动态”更改图像的大小，在 jCrop 预览缩略图中看起来也很好。只是预览！完成裁剪的图像不正确，因为我说图像的左上角会有。

4

2 回答 2

0

如果您正在寻找的是响应式或流畅的图像裁剪器（适应屏幕），您应该尝试Guillotine，查看演示并调整浏览器窗口的大小以查看它是如何适应的。

于 2014-08-03T20:08:39.707 回答
0

好的，解决方案是：将原始图像大小划分为“在 css 中更小”的大小。我们获得系数，然后将其发送到裁剪 - 将 x1、y1、高度、宽度乘以该系数。利润！

于 2012-04-02T17:57:35.183 回答