如何在裁剪之前裁剪小图像而不修剪？

Question

有人知道图像裁剪正确地与'CSS图像尺寸（我的意思是宽度和高度）中的动态变化'一起工作吗？

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

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

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

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

Answer 1

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

Answer 2

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