Javascript 裁剪客户端上的图像

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

我正在输入“多部分/表单数据”。当我使用插件裁剪图像时，它给我以像素为单位的坐标，但我在寻找以百分比（%）为单位的坐标，因为我用div固定了我的图像（大小与原始图像大小不同）

---

这是否可能以%或任何其他方式获得坐标？

使用“imageHeight”和“imageWidth”找到%的比率

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

发件人：

---

裁剪是在服务器端完成的，因此百分比值对您没有帮助，您需要在裁剪之前将它们转换回像素。如果您有用于显示图像的像素大小，以及像素坐标，那么您可以自己轻松计算百分比。但我怀疑你是否真的需要百分比——我想你会想将crop服务器端应用于原始图像尺寸，因此你只需缩放给定的像素值……这对任何在学校学过数学的人来说都不会是一个问题……@slash197我想他需要%的坐标才能将它们呈现给用户，所以用户对他的裁剪有额外的反馈。这不是关于实际的裁剪操作，而是关于它的界面。

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)