1.1 KiB
1.1 KiB
Менять размер картинки при помощи мыши
[importance 5]
Реализуйте интерфейс для смены размера изображения мышью.
Пусть изображение "тянется" при захвате его снизу, справа и в правом-нижнем углу, вот так: [iframe height=350 src="solution" link]
По окончанию смены размеров должно быть событие resize c новыми размерами.
Синтаксис:
var resizeMe = new Resizeable({
elem: $('#heroes')
});
$(resizeMe).on("resize", function(e) {
// вывести результат
$('#info').html("ширина:" + e.newWidth + ", высота:" + e.newHeight);
});
Минимальный размер изображения 3x3, меньше ресайзить нельзя.
В исходном документе есть ссылка на картинку handle-se.png для правого-нижнего угла.
