[发明专利]在图片上添加热区链接的方法和装置

权利要求书

1.一种在图片上添加热区链接的方法，其特征在于，包括：

记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合；

采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合；

触发所述用户输入待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存；

当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区；

其中，所述对所述点集合中的轨迹点进行筛选包括：

利用预设方向的n条切割线将所述画线轨迹对应的矩形区域进行切割，根据所述点集合，沿着所述画线轨迹依次记录所述画线轨迹与所述切割线的交点，得到一切割交点队列，其中，相邻两条所述切割线之间的宽度为预设的格栅宽度；

遍历所述切割交点队列中的每个点i，判断该点i与其后的相邻点之间的连线段是否与至少一条所述切割线相交，如果相交，则将该交点增加到所述切割交点队列中且按照所述画线轨迹的顺序排序在该点i之后；

从所述遍历后得到的切割交点队列中，查找出每一组共线且连续相邻的三个以上的点，将所查找出的每组点中上除共线的两端点外的其他点从所述切割交点队列中删除。

2.根据权利要求1所述的方法，其特征在于，利用HTML5中的画板canvas技术，记录所述画线轨迹。

3.根据权利要求2所述的方法，其特征在于，所述画线轨迹为鼠标的拖动轨迹。

4.一种在图片上添加热区链接的装置，其特征在于，包括：

采集单元，用于记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合；

筛选单元，用于采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合，其中，所述筛选包括：利用预设方向的n条切割线将所述画线轨迹对应的矩形区域进行切割，根据所述点集合，沿着所述画线轨迹依次记录所述画线轨迹与所述切割线的交点，得到一切割交点队列，其中，相邻两条所述切割线之间的宽度为预设的格栅宽度；遍历所述切割交点队列中的每个点i，判断该点i与其后的相邻点之间的连线段是否与至少一条所述切割线相交，如果相交，则将该交点增加到所述切割交点队列中且按照所述画线轨迹的顺序排序在该点i之后；从所述遍历后得到的切割交点队列中，查找出每一组共线且连续相邻的三个以上的点，将所查找出的每组点中上除共线的两端点外的其他点从所述切割交点队列中删除；

配置单元，用于触发所述用户输入待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存；

显示单元，用于当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区。

5.根据权利要求4所述的装置，其特征在于，所述采集单元利用HTML5中的画板canvas技术，记录所述画线轨迹。

6.根据权利要求5所述的装置，其特征在于，所述画线轨迹为鼠标的拖动轨迹。