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

说明书

本申请公开了一种在图片上添加热区链接的方法和装置，其中方法包括：记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合；采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合；触发所述用户输入所述待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存；当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区。采用本发明，能够在系统开发完成后给图片添加热区链接。

技术领域

本发明涉及计算应用技术，特别是涉及一种在图片上添加热区链接的方法和装置。

背景技术

进入21世纪后，电子商务逐渐占据了广大消费者的视线。现如今，网上购物早已成为人们生活的一部分，人们习惯性打开诸多购物网站，如淘宝、京东等等，搜索出喜欢的商品，然后点击购买。当用户进入购物网站的商品详情页后，会见到各种最佳组合、优惠套装、推荐搭配等，以推荐列表的形式进行打包销售。也可能会在图片上添加多个热点图标，点击热点图标即可跳转到到相应的商品详情页。极个别商品详情页会在商品介绍图片上添加链接热区。

现有的在图片上添加链接热区的方案中，主要是利用html中map,area标签，给图片添加热区，不论是矩形区域、还是多边形区域链接，多是由前端开发人员通过前端设计工具如DreamWeaver等在开发阶段完成的，上线运行后便不可再操作了，然而矩形区域不够精确，不规则形状又可能需要维护大数据量顶点集合，加上前端设计工具的上手难度，使得商家很难介入到图片热区的设计中，因此，商家无法通过定制图片热区链接的方式，提供更好的商品推荐方式。

由此可见，现有的给图片添加热区链接的方案无法在系统完成开发之后由商家根据商品推荐需要添加热区链接。

发明内容

有鉴于此，本发明的主要目的在于提供一种在图片上添加热区链接的方法和装置，可以在系统开发完成后给图片添加热区链接。

为了达到上述目的，本发明提出的技术方案为：

一种在图片上添加热区链接的方法，包括：

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

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

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

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

一种在图片上添加热区链接的装置，包括：

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

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

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

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