2013-04-16 19 views
5

Ustawiam właściwość css na max-width dla obrazów wyświetlanych na stronie. jednak to powoduje rozbicie jCrop. Po lewej jest to, co wybrałem. Po prawej jest to, co przycina się po tym, jak go przycinam. Użyłem tego przykładu tutaj.jKrop na zdjęciach o zmienionych rozmiarach

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

dzięki za pomoc.

+0

@SatpalSingh myślałem, że to było tak oczywiste, jak to się robi. po lewej stronie widać obszar, który wybieram do przycięcia. jednak przycięty obraz okazuje się tym z prawej strony. – btevfik

+0

Aby to zadziałało, musisz zmienić położenie miniatury obrazu na nowy rozmiar dużego obrazu. Przy maksymalnej szerokości prawdopodobnie zmiana rozmiaru obrazu musi się w jakiś sposób ponownie obliczyć, być może lepiej jest ustawić szerokość od początku do pewnego rozmiaru i nie pozwolić na automatyczne. – Aristos

+0

return Imaged do przycięcia w ustalonym wymiarze, to co zrobiłem – Satpal

Odpowiedz

2

Jcrop działa dobrze ze stałą maksymalną szerokością. Też przetestowałem to. Możliwe, że przycinasz niewłaściwy obszar, tak jak pokazano na prawym kwadracie.

0

można confige Jcrop o maksymalnej szerokości i wysokości

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

Hej, znalazłeś sposób na obejście tego? –