位置: 编程技术 - 正文

利用jQuery插件imgAreaSelect实现获得选择域的图像信息(如何用jquery)

编辑:rootadmin

推荐整理分享利用jQuery插件imgAreaSelect实现获得选择域的图像信息(如何用jquery),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:如何用jquery,jquery插件大全,如何使用jquery插件,如何使用jquery插件,如何使用jquery插件,jquery插件怎么用到自己的网站,jquery插件使用教程,如何使用jquery插件,内容如对您有帮助,希望把文章链接给更多的朋友!

还是先来分析一下:

(以下的值,如何获得,以后在具体的实现中再来分析,现在只谈宏观的)

如何获得选择域的图像信息&#; 其实就是要我们如何获得这个选择区域,在图像中的那个位置,并且这个区域的大小是多少?

把位置和大小告诉了计算机,它就知道我们是要获取那一块的图像信息了。

(我们的选择区域,是在一个平面当中,而且是一个规则的图形,正方形,或都矩形(通俗:长方形))

大小:

这个区域的宽度,高度值,两值相乘,就是这个区域的面积,即大小。(这个应该不难)

位置:

利用jQuery插件imgAreaSelect实现获得选择域的图像信息(如何用jquery)

1.假设我们只告诉计算机,这个选择区域一个[起始点的坐标值],而且也告诉电脑这个区域的[面积]那么符合这两个条件情况有四:

“红色”为选择区域的起始点坐标;

A、B、C、D、为 以红色为起始点,画出的选择区域(每个区域的面积是相同的,起始点坐标也相同,却可以出来四种情况);

1.假设我们告诉计算机,这个选择区域两个坐标值,也告诉电脑区域面积:

  “红色”为选择区域的起始点坐标,

“蓝色”为选择区域的横向结束点坐标值

  "绿色"为选择区域的面积;

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

所以得出,我们要获得这个图像区域信息,就需要得到

以上三个值:两点坐标值,和一个面积值

本文链接地址:https://www.jiuchutong.com/biancheng/376293.html 转载请保留说明!

上一篇:利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)(jquery 插件写法)

下一篇:jQuery联动日历的实例解析(jquery 日期)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络