Как центрировать JQuery JCrop в центре изображения

Я хочу начать выделение JCrop в центре изображения. Есть ли способ сделать это?

Есть вариант или что? В инструкции это не указано.

Должны ли мы считать это вручную?


javascript jquery jcrop
person Thermech    schedule 03.12.2012    source источник
comment
Нет -__- Конечно, я многое пробую. Вы можете помочь или нет? В мануале ничего. Пожалуйста, будьте вежливы.   -  person Thermech    schedule 03.12.2012
comment
@Thermech все хотят сказать (я полагаю), что вы должны предоставить достаточно доказательств в своем вопросе, которые помогут сообществу поверить в то, что вы приложили некоторые усилия для решения проблемы. Приведите примеры того, что вы пробовали, а что не получилось и т. д. Я почему-то не могу найти вопрос в мете, в котором говорилось о правильном задании.   -  person TJ-    schedule 04.12.2012
comment
Спасибо TJ, это более понятно, когда так сказано;)   -  person Thermech    schedule 04.12.2012

Ответы (1)


arrow_upward
17
arrow_downward

Если вы не можете понять, как установить выделение в центре:

Проверьте параметры настройки http://deepliquid.com/content/Jcrop_Manual.html#Setting_Options.

Что-то вроде этого (взято из API ref):

<script language="Javascript">

    jQuery(function($) {
        $('#target').Jcrop({
            onSelect:    showCoords,
            bgColor:     'black',
            bgOpacity:   .4,
            setSelect:   [ x, y, x1, y1 ],
            aspectRatio: 16 / 9
        });
    });

</script>

Если w is the width и h is the height нужного выбора и W is the width of the image, H is the height of the image, координаты будут

x = W/2 - w/2
y = H/2 - h/2
x1 = x + w
y1 = y + h

(Надеюсь, моя математика верна :)

person TJ-    schedule 03.12.2012
comment
Спасибо, отличный код! Я поделюсь своим полным кодом, чтобы помочь кому-то: var w = 189; вар ч = 250,5; вар W = canvasOriginal.width; var H = canvasOriginal.height; вар х = Вт/2 - Вт/2; var y = H/2 - h/2; вар х1 = х + ш; вар у1 = у + ч; $('#canvas').Jcrop({ onSelect: App.saveImageCrop, setSelect:[x, y, x1, y1], }); - person Nuno Ribeiro; 04.05.2017
comment
fing love you man, наверное, сэкономил мне более 8 часов... - person Seabizkit; 24.10.2020