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

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，高度，寬度乘以該系數。 利潤！