如何在裁剪之前裁剪大尺寸圖像而不裁剪？

是否有人知道圖像裁剪正確與「CSS圖像大小（我的意思是寬度和高度）」動態更改'？如何在裁剪之前裁剪大尺寸圖像而不裁剪？

如果存在原始圖像大小（例如大小：400px x 400px）和寬度：100％，所有圖像作品都可以正常工作;

但是，如果向尺寸爲1500px x 1500px的用戶圖片顯示並使其僅與css縮小到100px x 100px（因爲1500px - 通常對於屏幕而言看起來並不漂亮） - 在這種情況下，圖像會產生剪裁之前發出錯誤或使用初始值（左上角）製作縮略圖。我需要從Facebook相冊中提取圖片，通常它們太大。

我知道在裁剪前可以減少圖像，但會降低質量。

順便說一句，看起來像有辦法做到這一點，因爲在jCrop預覽縮略圖看起來很好，即使我'動態'改變圖像的大小在CSS。只需預覽！完成的裁剪圖像不正確，因爲我說過圖像的左上角。

來源

2012-04-01 Denis

CSS不會「裁剪」圖像 - 它可以隱藏溢出的部分：隱藏在縮小尺寸的容器中。 – 2012-04-01 21:31:08

是的我知道，對不起我的英文=（我並不是指在css中作物，只是減少視圖，使其更舒適它將有用的情況下，我們想要裁剪的圖像太大（例如4.000 px x 4.000 px） – Denis 2012-04-01 21:37:25

'img {width：400px; height：400px}'會做伎倆，但質量會依賴於瀏覽器 – 2012-04-01 21:44:21

好的，解決方案是：將原始圖像大小分爲「較小的CSS」大小。我們獲得係數，然後發送給作物 - 將x1，y1，高度，寬度乘以該係數。利潤！

來源

2012-04-02 17:57:35 Denis

如果您要尋找的是響應式或流暢的圖像裁剪器（適應屏幕），您應該嘗試Guillotine，查看demo並調整瀏覽器窗口的大小以查看它是如何適應的。

來源

2014-08-03 20:08:39 404

如何在裁剪之前裁剪大尺寸圖像而不裁剪？

回答

相關問題