[发明专利]在线计算图片热点植入位置的方法

权利要求书

1.一种在线计算图片热点植入位置的方法，其特征在于，包括如下步骤：

第一步：用户在WEB页面，载入一张图片，设置图片的宽度W和高度H；

第二步：利用一个可移动位置和可调整大小的矩形框，选中一个需要植入热点的位置；

第三步：计算矩形框在图片上的相对坐标和相对大小，保存热点位置和热点信息，包括如下小步：

S1：保存时获取矩形框的起始坐标(x1,y1)，矩形框的宽度W1和高度H1；

S2：根据图片的宽度W和高度H，计算矩形框的相对坐标(x1/W,y1/H)；

S3：将矩形框的相对宽度W1/W，相对高度H1/H，并保存到数据库；

第四步：在图片显示页面，利用已保存的热点位置和热点信息，动态生成页面代码，包括如下小步：

S4：设置页面中图片的显示大小宽度(W0)，高度(H0)，显示的长宽比一定要和设置图片热点区域的长宽比一致；

S5：用数据库中保存的热点区域的相对位置信息，动态生成热点区域代码。

2.根据权利要求1所述的在线计算图片热点植入位置的方法，其特征在于，所述第二步中的矩形框利用Jquery EasyUI提供的Draggable控件和Resizable控件实现。

3.根据权利要求1所述的在线计算图片热点植入位置的方法，其特征在于，所述第三步中的矩形框在图片上的相对坐标，通过与图片的宽度和高度计算得出。

4.根据权利要求1所述的在线计算图片热点植入位置的方法，其特征在于，所述第三步中的矩形框在图片上的相对大小，通过与图片的宽度和高度计算得出。