[發(fā)明專利]在線計算圖片熱點植入位置的方法在審
| 申請?zhí)枺?/td> | 201711068103.1 | 申請日: | 2017-11-03 |
| 公開(公告)號: | CN107885805A | 公開(公告)日: | 2018-04-06 |
| 發(fā)明(設計)人: | 劉國永;馬明普;孔令琦;趙硯青;王國慶;王瑩申 | 申請(專利權)人: | 山東智洋電氣股份有限公司 |
| 主分類號: | G06F17/30 | 分類號: | G06F17/30 |
| 代理公司: | 青島發(fā)思特專利商標代理有限公司37212 | 代理人: | 鞏同海 |
| 地址: | 255086 山東省淄*** | 國省代碼: | 山東;37 |
| 權利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關鍵詞: | 在線 計算 圖片 熱點 植入 位置 方法 | ||
1.一種在線計算圖片熱點植入位置的方法,其特征在于,包括如下步驟:
第一步:用戶在WEB頁面,載入一張圖片,設置圖片的寬度W和高度H;
第二步:利用一個可移動位置和可調(diào)整大小的矩形框,選中一個需要植入熱點的位置;
第三步:計算矩形框在圖片上的相對坐標和相對大小,保存熱點位置和熱點信息,包括如下小步:
S1:保存時獲取矩形框的起始坐標(x1,y1),矩形框的寬度W1和高度H1;
S2:根據(jù)圖片的寬度W和高度H,計算矩形框的相對坐標(x1/W,y1/H);
S3:將矩形框的相對寬度W1/W,相對高度H1/H,并保存到數(shù)據(jù)庫;
第四步:在圖片顯示頁面,利用已保存的熱點位置和熱點信息,動態(tài)生成頁面代碼,包括如下小步:
S4:設置頁面中圖片的顯示大小寬度(W0),高度(H0),顯示的長寬比一定要和設置圖片熱點區(qū)域的長寬比一致;
S5:用數(shù)據(jù)庫中保存的熱點區(qū)域的相對位置信息,動態(tài)生成熱點區(qū)域代碼。
2.根據(jù)權利要求1所述的在線計算圖片熱點植入位置的方法,其特征在于,所述第二步中的矩形框利用Jquery EasyUI提供的Draggable控件和Resizable控件實現(xiàn)。
3.根據(jù)權利要求1所述的在線計算圖片熱點植入位置的方法,其特征在于,所述第三步中的矩形框在圖片上的相對坐標,通過與圖片的寬度和高度計算得出。
4.根據(jù)權利要求1所述的在線計算圖片熱點植入位置的方法,其特征在于,所述第三步中的矩形框在圖片上的相對大小,通過與圖片的寬度和高度計算得出。
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于山東智洋電氣股份有限公司,未經(jīng)山東智洋電氣股份有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業(yè)授權和技術合作,請聯(lián)系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/201711068103.1/1.html,轉載請聲明來源鉆瓜專利網(wǎng)。
- 上一篇:印刷裝置以及印刷裝置的控制方法
- 下一篇:旋轉型扶手機構





