Установка минимальной высоты и ширины на JCrop

0

Я работаю над набором шаблонов электронной почты, который позволяет пользователям добавлять текст, изображения, менять шрифт и цвета и т.д. Теперь, если пользователь хочет добавить изображение в определенную область шаблона, он сначала щелкнет по этой области, где они хотите, чтобы изображение было добавлено, а затем добавьте изображение из библиотеки в мое приложение. Теперь рассмотрим, что допустимые размеры области, на которую они нажимали шаблон, составляют 500 * 500, а изображение, выбранное из библиотеки, составляет 1000 * 1000, в этом случае приложение автоматически откроет инструмент обрезки, с помощью которого они могут изменять размер изображение. Тем не менее, я хочу ограничить инструмент обрезки только перетаскиванием на минимальную высоту или ширину желаемого места в шаблоне, то есть в этом примере они не смогут перетащить инструмент обрезки дальше под ширину или ширину из 500, хотя они могут сохранять один или оба размера выше 500, поскольку инструмент обрезки автоматически изменяет его размер до 500 * 500 (например, 800 * 500 или даже 500 * 1000 также подходит, так как инструмент обрезки автоматически изменяет размер изображения в соответствии с в шаблоне). Я посмотрел документацию и этот вопрос, но не смог найти подходящего ответа на мой вопрос. Вот некоторые из моего кода, который проверяет, нужно ли обрезать изображение:

var SelectedAreaHeight; //returns the height of the area they clicked on the template
var SelectedAreaWidth; //returns the width similarly

function ImageClick(data)
{
var ReturnImageHeight; //returns the height of the area they clicked on
var ReturnImageWidth; //returns the width similarly

    $(".ResizeImage").each(function()
    {
        ReturnImageHeight = $(this).data("height");
        ReturnImageWidth = $(this).data("width");
    }
    });

    if (ReturnImageHeight > SelectedAreaHeight || ReturnImageWidth > SelectedAreaWidth)
    {
        //this checks if the selected image height OR width is greater
        //than the  desired area in the template to bring up the cropping tool.
    }
}

Теперь есть способ, которым я мог бы просто ограничить инструмент обрезки таким образом, чтобы он не был "урожаем" ниже SelectedAreaHeight OR SelectedAreaWidth? Также, пожалуйста, проигнорируйте любые проблемы с приведенным выше примером кода, поскольку я не вставил весь свой код (это намного больше, чем просто).

Теги:
image
crop
jcrop

1 ответ

7
Лучший ответ

Ekhm: D В jcrop есть такой вариант :)

http://deepliquid.com/content/Jcrop_Manual.html#Setting_Options

minSize: массив [w, h]: минимальная ширина/высота, используйте 0 для неограниченной размерности n/a

  • 0
    Я собирался опубликовать это как ответ, когда натолкнулся на это, но я не мог ответить на свой вопрос в течение следующих 8 часов. Спасибо, в любом случае :)
  • 0
    Хорошо :) Жаль, что ты потерял часть своего времени. : D В следующий раз используйте Google или Ctrl + F в руководстве: D Я нашел решение с помощью Google. :) Я использовал jcrop, но никогда не нуждался в такой опции. <3 jcrop - классный плагин.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню