2013-04-16 38 views
5

我設置max-width css屬性的圖像顯示在頁面上。然而,這打破了jCrop。左邊是我選擇的內容。右邊是我裁剪後裁剪的東西。我在這裏使用了這個例子。jCrop在調整大小的圖像

http://www.mikesdotnetting.com/Article/95/Upload-and-Crop-Images-with-jQuery-JCrop-and-ASP.NET

This is what i select This is what is actually cropped

感謝您的幫助。

+0

@SatpalSingh我認爲這是因爲它得到明確confige Jcrop。您可以在左側圖像上看到我選擇裁剪的區域。然而裁剪後的圖像原來是右側的圖像。 – btevfik

+0

要做到這一點,您需要將縮略圖圖像的位置重新映射到大圖像的新大小。對於最大寬度可能大小圖像的變化需要以某種方式重新計算,也許更好地設置寬度從開始到一定的大小,而不是讓它自動。 – Aristos

+0

返回成像在固定尺寸下裁剪,那我做了 – Satpal

回答

2

jcrop在固定最大寬度下工作良好。我也測試過那個。 可能會出現右圖所示的錯誤區域。

0

您可以用最大寬度和高度

$("#cropsource").Jcrop({ boxWidth: 800, boxHeight: 500 }); 
+0

嘿,你有沒有找到解決辦法? –