在客户端裁剪图像

Question

我正在使用jQuery ImgAreaSelect 0.9.10 插件裁剪用户上传的图片。

我正在输入“multipart / form-data”。当我使用插件裁剪图像时，它给出了像素的坐标，但我正在寻找百分比（％）的坐标，因为我在div中修复了我的图像（大小与原始图像大小不同）。

这是否可以以％或任何其他方式获得坐标来实现此目的？

Answer 1

使用'imageHeight'和'imageWidth'查找％比率。

var xRatio1 = 100*x1/imageWidth,
    yRatio1 = 100*y1/imageHeight,
    xRatio2 = 100*x2/imageWidth,
    yRatio2 = 100*y2/imageHeight

来自docs：

imageHeight  True height of the image (if scaled with the CSS width and height properties)
imageWidth   True width of the image (if scaled with the CSS width and height properties)