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

摘要

本发明涉及一种在线计算图片热点植入位置的方法，属于WEB应用技术领域。本发明包括如下步骤用户在WEB页面，载入一张图片，设置图片的宽度W和高度H；利用一个可移动位置和可调整大小的矩形框，选中一个需要植入热点的位置；计算矩形框在图片上的相对坐标和相对大小，保存热点位置和热点信息；在图片显示页面，利用已保存的热点位置和热点信息，动态生成页面代码。本发明不用安装外部工具，不用掌握专业知识，就能植入图片热点；该发明能实现用户不依懒于开发人员，不用了解编码知识，就能简单方便的植入图片热点。

主权项

一种在线计算图片热点植入位置的方法，其特征在于，包括如下步骤：第一步：用户在WEB页面，载入一张图片，设置图片的宽度W和高度H；第二步：利用一个可移动位置和可调整大小的矩形框，选中一个需要植入热点的位置；第三步：计算矩形框在图片上的相对坐标和相对大小，保存热点位置和热点信息，包括如下小步：S1：保存时获取矩形框的起始坐标(x1,y1)，矩形框的宽度W1和高度H1；S2：根据图片的宽度W和高度H，计算矩形框的相对坐标(x1/W,y1/H)；S3：将矩形框的相对宽度W1/W，相对高度H1/H，并保存到数据库；第四步：在图片显示页面，利用已保存的热点位置和热点信息，动态生成页面代码，包括如下小步：S4：设置页面中图片的显示大小宽度(W0)，高度(H0)，显示的长宽比一定要和设置图片热点区域的长宽比一致；S5：用数据库中保存的热点区域的相对位置信息，动态生成热点区域代码。