HTML5画布上的图像裁剪位置

HTML5画布上的图像裁剪位置,html,python-3.x,canvas,crop,Html,Python 3.x,Canvas,Crop,我有一个640像素乘以480像素的图像,我有坐标,我想在这里创建一个画布裁剪的图像。我有点困惑,如何计算1,作物大小,在哪里种植等等 如何计算出正确的裁剪位置和裁剪尺寸?e、 g.根据以下坐标设置画布的大小: coordinates = [160, 593, 345, 407] // [top, right, bottom, left] 实际上,我从Python脚本返回图像坐标,但不知道如何计算出正确的位置。drawImage()方法获取源坐标和目标坐标的参数 context.drawIma

我有一个640像素乘以480像素的图像,我有坐标,我想在这里创建一个画布裁剪的图像。我有点困惑,如何计算1,作物大小,在哪里种植等等

如何计算出正确的裁剪位置和裁剪尺寸?e、 g.根据以下坐标设置画布的大小:

coordinates = [160, 593, 345, 407] // [top, right, bottom, left]
实际上,我从Python脚本返回图像坐标,但不知道如何计算出正确的位置。

drawImage()方法获取源坐标和目标坐标的参数

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

多亏了这一点,我的头终于绕着作物的宽度和高度转了一圈