JQuery JCrop - Как установить область выбора фиксированного размера?

28
задан ptCoder 8 May 2015 в 12:40
поделиться

4 ответа

Используя этот пример необходимо быть в состоянии сохранить размер зафиксированным.

$(function(){
    $('#jcrop_target').Jcrop({
        onChange: function(){ $(this).setSelect([x, y, x2, y2]); }
    });
});
6
ответ дан muhuk 28 November 2019 в 02:35
поделиться

Вы можете использовать параметр aspectRatio. Это приведет к выделению квадрата

$(function(){
    $('#cropbox').Jcrop({
        aspectRatio: 1
    });
});

Или аспектное отношение: 16/9 сделает его широким sreeen: -)

13
ответ дан 28 November 2019 в 02:35
поделиться

В основном вы ищете раздел 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]);

});
36
ответ дан 28 November 2019 в 02:35
поделиться

вы можете установить соотношение сторон как десятичное значение

$('#jcrop_target').Jcrop({
    setSelect: [0,0,150,100],
    aspectRatio: 150/100
});
14
ответ дан 28 November 2019 в 02:35
поделиться
Другие вопросы по тегам:

Похожие вопросы: