欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用jQuery插件imgAreaSelect實現(xiàn)獲得選擇域的圖像信息

 更新時間:2016年12月02日 15:01:54   作者:船長op  
本篇文章主要對jQuery插件imgAreaSelect實現(xiàn)獲得選擇域的圖像信息的方法做了簡要分析說明。需要的朋友來看下吧,希望對大家有所幫助

還是先來分析一下:

(以下的值,如何獲得,以后在具體的實現(xiàn)中再來分析,現(xiàn)在只談宏觀的)

如何獲得選擇域的圖像信息?  其實就是要我們?nèi)绾潍@得這個選擇區(qū)域,在圖像中的那個位置,并且這個區(qū)域的大小是多少?

把位置和大小告訴了計算機,它就知道我們是要獲取那一塊的圖像信息了。

(我們的選擇區(qū)域,是在一個平面當(dāng)中,而且是一個規(guī)則的圖形,正方形,或都矩形(通俗:長方形))

大小:

這個區(qū)域的寬度,高度值,兩值相乘,就是這個區(qū)域的面積,即大小。(這個應(yīng)該不難)

位置:

1.假設(shè)我們只告訴計算機,這個選擇區(qū)域一個[起始點的坐標值],而且也告訴電腦這個區(qū)域的[面積]那么符合這兩個條件情況有四:

“紅色”為選擇區(qū)域的起始點坐標;

A、B、C、D、為 以紅色為起始點,畫出的選擇區(qū)域(每個區(qū)域的面積是相同的,起始點坐標也相同,卻可以出來四種情況);

1.假設(shè)我們告訴計算機,這個選擇區(qū)域兩個坐標值,也告訴電腦區(qū)域面積:

  “紅色”為選擇區(qū)域的起始點坐標,

     “藍色”為選擇區(qū)域的橫向結(jié)束點坐標值

  "綠色"為選擇區(qū)域的面積;

要同時滿足這三個條件,只可能有一種情況

所以得出,我們要獲得這個圖像區(qū)域信息,就需要得到

以上三個值:兩點坐標值,和一個面積值

$('#x1').val(selection.x1);
$('#y1').val(selection.y1);
$('#x2').val(selection.x2);
$('#y2').val(selection.y2);
$('#w').val(selection.width);
$('#h').val(selection.height);

以上就是本文的全部內(nèi)容,希望對大家有所幫助,感興趣的朋友可以看下《利用jQuery插件imgAreaSelect實現(xiàn)圖片上傳裁剪(同步顯示圖像位置信息)》《利用jQuery插件imgAreaSelect實現(xiàn)圖片上傳裁剪(放大縮小)》,謝謝對腳本之家的支持!

相關(guān)文章

最新評論