Задать вопрос
@Greyhorse5
freelancer web-developer

Кадрирование изображения в canvas c сохранением оригинальных размеров. Как?

Требуется решение без плагинов. Нужно в canvas кадрировать изображение, сохранив относительный размер изображение. К примеру: есть изображение 3000*4500 px, кадрируем с aspectRatio примерно 1:1 (тянем "crop" область по длинной части, чтобы получилось примерно 1 к 1). На выходе должны получить изображение готовое к загрузке, с размерами примерно 3000*3000. Конечное изображение будет храниться на сервере, для этого есть бэк-енд.

Возможно ли масштабирование и кадрирование изображения в canvas? или нужно манипулировать уменьшенной копией и потом пропорционально переносить изменения на оригинальное изображение? Поделитесь советом в данном вопросе.

Заранее, огромное спасибо.
  • Вопрос задан
  • 217 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@GreatRash
.drawImage()
sx, sy - координаты точки откуда начинать кадрирование
sWidth, sHeight - ширина и высота кадрирования
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы