Есть ли способ обрезать изображение на стороне клиента по координатам на чистом JavaScript?
Здравствуйте.
Подскажите, пожалуйста, способ обрезать изображение в браузере пользователя не используя сторонние библиотеки кроме JQuery (а желательно вообще на чистом JavaScript, чтобы видеть все шаги и разобраться) по координатам вида [x1,y1,x2,y2]. Все способы, что мне удалось нагуглить использую ширину/высоту итогового изображения и просто ресайзят картинку, а мне нужно вырезать область по координатам двух точек.
Порядок работы скрипта мне представляется такой:
1. Есть URL на изображение
2. Есть array с координатами вида [x1,y1,x2,y2]
3. В выводим область изображения
Есть же способ сделать все это не делая запросы к моему серверу?
Есть. Даже недавно в тостере спрашивали (в очередной раз)
Вкратце алгоритм таков:
Берем картинку, клонируем в холст (svg/canvas) и обрезаем холст по координатам.
Более подробно можете нагуглить, разбив задачу на подзадачи. Ну или пошариться в тостере/гугле/стэковерфо, чтобы получить готовый ответ
