renovations

archive/widget-tasks/4-img-select-mouse/task.md

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