Как обрезать изображения разных размеров с помощью jcrop

Question

Я хочу использовать jcrop. У меня есть всплывающее окно, которое я хочу показать обрезанное изображение. Однако я хочу, чтобы изображение соответствовало максимальному размеру изображения шириной 400 пикселей. Если я поместил ширину в тег html, который отображает изображение, а затем обрезает, он не обрезает то, что я вижу, а урожай, основанный на реальном размере изображения.

Нужно ли сначала изменить размер изображения до того, как я урочу? Если да, то каков наилучший способ сделать это?

Answer 1

Используйте это trueSize варианта при создании jcrop передавая ей массив размера исходного изображения [500300]

<script> 
    $(window).load(function() { 
     $.Jcrop('#cropbox',{ trueSize: [500,370] }); 
    }); 
</script> 

и для этого изображения тега

<img src="test.jpg" width="400" /> 

для получения более подробной информации см jcrop help page об этой теме ,