Обрезка изображения с помощью HTML5 Canvas

Question

У меня есть изображение размером 640 на 480 пикселей, и у меня есть координаты, где я хочу создать обрезку холста изображения. Я немного смущен тем, как работать с 1, размером обрезки, где обрезать и так далее.

Как определить правильную позицию для обрезки и размер культуры? например какой размер установить холст из координат, таких как следующие

coordinates = [160, 593, 345, 407] // [top, right, bottom, left]

по сути, я возвращаю координаты изображения из скрипта Python, но не знаю, как определить правильные позиции.

Answer 1

Метод drawImage () принимает аргументы для координат источника и назначения.

 context.drawImage(imageObj, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight);