1 KiB
1 KiB
Выбор фрагмента картинки мышью
[importance 3]
Реализуйте интерфейс для выбора фрагмента изображения мышью.
Нажмите на изображении и проведите мышью для выбора: [iframe height=350 src="solution" link]
По окончании смены размеров должно быть событие crop c left/top координатами и width/height размерами выбранной области.
Синтаксис:
var croppable = new Croppable({
elem: $('#heroes')
});
$(croppable).on("crop", function(e) {
// вывести crop-квадрат, left/top - относительно изображения
// e.left, e.top, e.width, e.height
});
- Область можно выбирать, двигая курсором в любую сторону от исходной точки.
- Область не может вылезать за пределы изображения.