使用jQuery插件imgAreaSelect获取所选字段的图像信息

我们先来分析一下：

(以下数值，如何获取，具体实现后面会分析，现在只谈宏)

如何获取所选领域的图像信息？事实上，我们如何获得这个选择区域，在图像中的什么位置，以及这个区域的大小是多少？

告诉电脑位置和大小，它就会知道我们要获取的是那块的图像信息。

(我们的选择区域在一个平面上，它是一个规则的图形、正方形或矩形(流行：矩形))

尺寸：

这个区域的宽度和高度，乘以两个值，就是这个区域的面积，也就是大小。(这应该不难)

位置：

1.假设我们只告诉计算机这个选定的区域有一个[起点的坐标值]，并且还告诉计算机这个区域的[面积]，那么有四种情况满足这两个条件：

“红色”是所选区域的起点坐标；

a、B、C、D，是以红色为起点绘制的选定区域(每个区域的面积相同，起点坐标相同，但可以出来四种情况)；

1.假设我们告诉计算机，这个选定区域的两个坐标值也告诉计算机该区域：

“红色”是所选区域的起点坐标，

“蓝色”是选定区域水平端点的坐标值

“绿色”是选定区域的面积；

要同时满足这三个条件，只能有一种情况

因此，我们需要获取这个图像区域的信息

以上三个值是：两点坐标值和一个面积值

$('#x1 ')。val(selection . x1)；$('#y1 ')。val(selection . y1)；$('#x2 ')。val(selection . x2)；$('#y2 ')。val(selection . y2)；$('#w ')。val(selection . width)；$('#h ')。val(selection . height)；以上就是本文的全部内容，希望对大家有所帮助。感兴趣的朋友可以看看《利用jQuery插件imgAreaSelect实现图片上传裁剪（同步显示图像位置信息）》和《利用jQuery插件imgAreaSelect实现图片上传裁剪（放大缩小）》。感谢大家的支持！