кадрирование (обрезка) картинок для просмотра и превью
можно загружать по несколько картинок за раз
слайдер слева - поворачивает картинку отностельно центра, шаг 1 градус
При нахождении указателя мыши в зоне картинки возможны действия
колесо мыши - увеличение/уменьшение картинки
(кнопка x/xx задаёт коэффициент ресайза - x = 0.001, хх = 0.01 / зелёным цветом выбранный коэффициент)
Shift + колесо мыши - перемещение картинки только по вертикали на 1 пиксел
Ctrl + колесо мыши - перемещение картинки только по горизонтали на 1 пиксел
(индикация стрелками на блоке управлени
зеленые: разрешенное напрвление
красные: запрещённое направление)
Alt + колесо мыши - поворот на 0.1 градуса
слайдер внизу - задаёт размер обрезки по вертикали
слайдер справа -задаёт размер обрезки по горизонтали
управление: перемещением красного бегунка мышью или колесом, при нахождении указателя мыши в зоне слайдера
самый крайний слайдер (на цветном поле) уменшение/увеличение картинки
основные модификации
от jQuery оставлено только draggable...
сделан переход на использование CSS-переменных
"панель управления" может перемещаться мышью (чтоб не мешала просмотру обрезанного)