如何在裁切前裁切不裁切的大尺寸图像？

Question

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

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

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

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

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

Answer 1

如果您要查找的是响应式或流畅的图像裁剪器（适合屏幕），则应尝试使用Guillotine ，查看演示并调整浏览器窗口的大小以查看其适应方式。

Answer 2

好的，解决方法是：将原始图像大小划分为“较小的CSS”大小。 我们获得系数，然后将其发送给作物-将x1，y1，高度，宽度乘以该系数。 利润！