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

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

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

還是先來分析一下：

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

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

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

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

大?。?/strong>

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

位置：

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

“紅色”為選擇區(qū)域的起始點(diǎn)坐標(biāo)；

A、B、C、D、為 以紅色為起始點(diǎn)，畫出的選擇區(qū)域（每個(gè)區(qū)域的面積是相同的，起始點(diǎn)坐標(biāo)也相同，卻可以出來四種情況）；

1.假設(shè)我們告訴計(jì)算機(jī),這個(gè)選擇區(qū)域兩個(gè)坐標(biāo)值,也告訴電腦區(qū)域面積：

　 “紅色”為選擇區(qū)域的起始點(diǎn)坐標(biāo)，

     “藍(lán)色”為選擇區(qū)域的橫向結(jié)束點(diǎn)坐標(biāo)值

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

要同時(shí)滿足這三個(gè)條件，只可能有一種情況

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

以上三個(gè)值:兩點(diǎn)坐標(biāo)值，和一個(gè)面積值

$('#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實(shí)現(xiàn)圖片上傳裁剪（同步顯示圖像位置信息）》和《利用jQuery插件imgAreaSelect實(shí)現(xiàn)圖片上傳裁剪（放大縮?。?/a>，謝謝對腳本之家的支持！

相關(guān)文章

最新評論