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);