jCrop auf skalierte Bilder

Ich setze max-width CSS-Eigenschaft für Bilder auf der Seite angezeigt werden. jedoch bricht dies den jCrop. Auf der linken Seite ist, was ich ausgewählt habe. Auf der rechten Seite ist, was abgeschnitten wird, nachdem ich es zugeschnitten habe. Ich habe dieses Beispiel hier verwendet.jCrop auf skalierte Bilder

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

Dank für die Hilfe.

Quelle

2013-04-16 btevfik

@SatpalSingh Ich dachte, es war so klar confige wie es geht. Sie können auf dem linken Bild den Bereich sehen, den ich beschneiden möchte. Das zugeschnittene Bild ist jedoch das rechte. – btevfik

Um dies zu erreichen, müssen Sie die Position des Miniaturbildes auf die neue Größe des großen Bildes umstellen. Bei max-width muss wohl die Änderung der Bildgröße irgendwie neu berechnet werden, vielleicht ist es besser, die Breite vom Start auf eine Größe zu setzen und nicht automatisch zu lassen. – Aristos

return Imaged um in fester Dimension abgeschnitten zu werden, das was ich gemacht habe – Satpal

Der jcrop funktioniert gut mit fester max-Breite. Ich habe das auch getestet. Möglicherweise schneiden Sie den falschen Bereich wie rechts gezeigt.

Quelle

2013-05-01 09:14:40 Janty

können Sie Jcrop mit einer maximalen Breite und Höhe

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

Quelle

2014-08-22 15:47:51

Hey, hast du einen Workaround gefunden? –

jCrop auf skalierte Bilder

Antwort

Verwandte Themen