Используя этот пример необходимо быть в состоянии сохранить размер зафиксированным.
$(function(){
$('#jcrop_target').Jcrop({
onChange: function(){ $(this).setSelect([x, y, x2, y2]); }
});
});
Вы можете использовать параметр aspectRatio. Это приведет к выделению квадрата
$(function(){
$('#cropbox').Jcrop({
aspectRatio: 1
});
});
Или аспектное отношение: 16/9 сделает его широким sreeen: -)
В основном вы ищете раздел API. Широко используя этот плагин, я точно знаю, что вы ищете:
var api;
var cropWidth = 100;
var cropHeight = 100;
$(window).load(function() {
// set default options
var opt = {};
// if height and width must be exact, dont allow resizing
opt.allowResize = false;
opt.allowSelect = false;
// initialize jcrop
api = $.Jcrop('#objectId', opt);
// set the selection area [left, top, width, height]
api.animateTo([0,0,cropWidth,cropHeight]);
// you can also set selection area without the fancy animation
api.setSelect([0,0,cropWidth,cropHeight]);
});
вы можете установить соотношение сторон как десятичное значение
$('#jcrop_target').Jcrop({
setSelect: [0,0,150,100],
aspectRatio: 150/100
});