CN107885538B - 在图片上添加热区链接的方法和装置 - Google Patents

在图片上添加热区链接的方法和装置 Download PDF

Info

Publication number
CN107885538B
CN107885538B CN201610862303.3A CN201610862303A CN107885538B CN 107885538 B CN107885538 B CN 107885538B CN 201610862303 A CN201610862303 A CN 201610862303A CN 107885538 B CN107885538 B CN 107885538B
Authority
CN
China
Prior art keywords
picture
cutting
track
point
points
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201610862303.3A
Other languages
English (en)
Other versions
CN107885538A (zh
Inventor
罗恒全
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201610862303.3A priority Critical patent/CN107885538B/zh
Publication of CN107885538A publication Critical patent/CN107885538A/zh
Application granted granted Critical
Publication of CN107885538B publication Critical patent/CN107885538B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

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

Description

在图片上添加热区链接的方法和装置
技术领域
本发明涉及计算应用技术，特别是涉及一种在图片上添加热区链接的方法和装置。
背景技术
进入21世纪后，电子商务逐渐占据了广大消费者的视线。现如今，网上购物早已成为人们生活的一部分，人们习惯性打开诸多购物网站，如淘宝、京东等等，搜索出喜欢的商品，然后点击购买。当用户进入购物网站的商品详情页后，会见到各种最佳组合、优惠套装、推荐搭配等，以推荐列表的形式进行打包销售。也可能会在图片上添加多个热点图标，点击热点图标即可跳转到到相应的商品详情页。极个别商品详情页会在商品介绍图片上添加链接热区。
现有的在图片上添加链接热区的方案中，主要是利用html中map,area标签，给图片添加热区，不论是矩形区域、还是多边形区域链接，多是由前端开发人员通过前端设计工具如DreamWeaver等在开发阶段完成的，上线运行后便不可再操作了，然而矩形区域不够精确，不规则形状又可能需要维护大数据量顶点集合，加上前端设计工具的上手难度，使得商家很难介入到图片热区的设计中，因此，商家无法通过定制图片热区链接的方式，提供更好的商品推荐方式。
由此可见，现有的给图片添加热区链接的方案无法在系统完成开发之后由商家根据商品推荐需要添加热区链接。
发明内容
有鉴于此，本发明的主要目的在于提供一种在图片上添加热区链接的方法和装置，可以在系统开发完成后给图片添加热区链接。
为了达到上述目的，本发明提出的技术方案为：
一种在图片上添加热区链接的方法，包括：
记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合；
采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合；
触发所述用户输入所述待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存；
当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区。
一种在图片上添加热区链接的装置，包括：
采集单元，用于记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合；
筛选单元，用于采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合；
配置单元，用于触发所述用户输入所述待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存；
显示单元，用于当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区。
综上所述，本发明提出在图片上添加热区链接的方法和装置中，在系统开发完成后，用户可以根据需要在图片上勾画出需要添加热区链接的区域范围，并采用格栅切割的方式，对于用户勾画的画线轨迹所对应的点集合进行筛选，将筛选后的点集合、所在图片的名称以及用户输入的热区相关信息作为热区的属性配置信息保存，在显示图片时可以直接获取该图片所对应的所有热区的属性配置信息，并利用网页脚本语言对这些信息进行拼装，通过网页浏览器显示所述拼装的结果，即可在图片上显示出用户所添加的热区链接信息，从而可以在系统开发完成后，实现图片热区链接的添加。
附图说明
图1为本发明实施例的方法流程示意图；
图2为本发明中对画线轨迹对应的矩形区域进行切割的示例图；
图3为本发明实施例的装置结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将结合附图及具体实施例对本发明作进一步地详细描述。
本发明的核心思想是：在系统开发完成后，用户可以根据需要在图片上勾画出需要添加热区链接的区域范围，对用户所勾画的区域范围的边界点进行采集并进行筛选，使得筛选后的点集体合可以作为用于定位热区链接的热区属性配置信息进行保存，同时将热区属性配置信息与所在图片相关联，这样，当图片需要加载时，可以将与该图片相关联的所有热区属性配置信息拼装，网页浏览器便可基于该拼装结果加载所述图片的热区，从而可以实现在系统开发完成后在图片上加载热区链的目的。
图1为本发明实施例的方法流程示意图，如图1所示，该实施例实现的在图片上添加热区链接的方法主要包括：
步骤101、记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合。
本步骤中，将记录用户在图片上对待添加热区的范围进行勾画的画线轨迹，以便在后续步骤中对该轨迹对应的点集合进行筛选，使得筛选后的点集合可以用于对热区进行定位。
较佳地，所述画线轨迹可以为鼠标的拖动轨迹，即用户可以通过鼠标在图片上勾画出待添加热区链接的区域范围。
较佳地，可以利用HTML5中的画板canvas技术，记录所述画线轨迹。具体地，可以将待添加热区链接的图片(采用上传预览或拖拽的方式)画到canvas上，canvas尺寸与图片尺寸相等，并且图片占据整个canvas(亦可添加宽度width、高度height设置来对canvas尺寸进行调整，以使得图片可以被设定到适当的尺寸)。捕捉canvas上的鼠标事件onmousedown、onmousemove、onmouseup，设置画线状态drawFlag＝false。当在canvas上按下鼠标左键时，触发onmousedown事件，此时设置drawFlag＝true，开始记录鼠标经过点集，通过事件event入参event.offsetX、event.offsetY即可获得鼠标经过点坐标{x:event.offsetX,y:event.offsetY}(相对于canvas左上角(0,0)坐标，即图片左上角)，当按住鼠标左键进行轨迹拖动时，拖动过程中会不断触发canvas上的onmousemove事件，当drawFlag＝true时(即为画线状态)则记录全部鼠标经过点，可将所有点依次存放在Array对象pointArray中,当鼠标左键释放时，触发onmouseup事件，即完成此次点击收集，设置drawFlag＝false。在鼠标拖动过程中，可通过canvas中lineTo等画线方法，每次连接pointArray中最后加入的两个点，即可画出鼠标拖动轨迹，以直观显示勾画区域，勾画区域即为本次热区范围。
步骤102、采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合。
本步骤，考虑到步骤101中得到的画线轨迹的点集合虽然可以直接用于对图片上所添加的热区进行定位，但是其顶点数量可以会很庞大，包括几百或几千个顶点，如此，会导致热区的属性配置信息太长，一方面会占用太多的存储空间、另一方面也会增加图片的加载时间，从而难以实际应用。因此，本步骤中将对步骤101中得到的画线轨迹的点集合进行筛选，去掉其中的冗余顶点，以避免新添加热区的属性配置信息太长。
较佳地，可以采用下述方法对点集合中的轨迹点进行筛选：
步骤x1、利用预设方向的n条切割线将所述画线轨迹对应的矩形区域进行切割，根据所述点集合，沿着所述画线轨迹依次记录所述画线轨迹与所述切割线的交点，得到一切割交点队列，其中，相邻两条所述切割线之间的宽度为预设的格栅宽度。
本步骤中，需要对画线轨迹对应的矩形区域进行切割，将画线轨迹与切割线的交点作为候选的精选轨迹点集合，即在后续步骤中再基于这些交点得到最终的筛选结果。
这里，需要沿着所述画线轨迹依次记录所述画线轨迹与所述切割线的交点，得到一切割交点队列，以便在后续步骤中找出采集时被漏掉的点。
所述画线轨迹与切割线的交点的确定是基于步骤101所得到的画线轨迹的点集合实现的，即如果对矩形区域的切割是沿着y轴方向进行的，则沿着画线轨迹依次判断所述点集合中是否有与割线相同y轴坐标值的点，如果有，将其加入切割交点队列中。
所述切割线的条数n将由所述预设的格栅宽度和矩形区域确定。
在实际应用中，当格栅宽度设置的很小时会使切割线更密集，便可获取更多的切割点，如此可以更大程度维持原区域形状的完整性，保留了原区域的形状，但是，这样会导致筛选后的点集合规模较大，当格栅宽度设置的很大时会使切割线数量较少，从而会使切割点数量较小，如此会影响定位热区范围的精确度，具体地，可由本领域技术人员根据实际需要设置格栅宽度的合适取值。
图2为对画线轨迹对应的矩形区域进行切割的示例图。图2中左侧的为用户绘制的热区的原区域，总共包括376个点，将格栅宽度range设置为40，并以该图形的顶点集合中的x方向的最小值minX、最大值maxX作为x边界，以顶点集合中y方向的最小值minY、最大值maxY作为y边界,并以格栅宽度range＝40对边界内矩形区域进行y方向切割，如图2中右侧的优化区域所示，截取所有切割交点与边界点即得到上述候选的精选轨迹点集合。
步骤x2、遍历所述切割交点队列中的每个点i，判断该点i与其后的相邻点之间的连线段是否与至少一条所述切割线相交，如果相交，则将该交点增加到所述切割交点队列中且按照所述画线轨迹的顺序排序在该点i之后。
本步骤中，考虑到实际应用中利用步骤101采集画线轨迹的点集合的过程中，可能并不能记录全部的点，由于拖动速度过快，会使得点轨迹出现断裂(不连续)，因此会出现两个点连线穿过切割线，但是却获取不到交点的情况。因此，在步骤x2中需要依次对连续两点连线是否穿过切割线(两点间切割线)做出判断(几何学科判断两条线段是否相交)，并且若穿过切割线，计算出两点连线和该切割线的交点(几何学科求两条线段交点)，将该交点加入点集中，以使得切割更为精准。
步骤x3、从所述遍历后得到的切割交点队列中，查找出每一组共线且连续相邻的三个以上的点，将所查找出的每组点中上除共线的两端点外的其他点从所述切割交点队列中删除。
本步骤中，用于去除切割交点队列中共直线的冗余点。这里考虑到实际应用中还存在一种现象，就是切割交点队列中有三个以上的点处于同一直线上，而对于一条直线，仅需要两个端点就足够了。因此在本步骤中需要将共直线的多个点中除端点之外的点去除，保证同一直线仅保留两个端点，如此，可以达到最大程度减少切割交点队列中顶点数量的目的。
利用上述方法可以实现对步骤101所得到的点集合的精减，同时还可以确保热区范围的精准度。例如，对于图2中的示例，通过优化，轨迹点的个数由最初的376降到了24个点，并且尽可能保留了原区域的形状。
步骤103、触发所述用户输入所述待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存。
本步骤中，需要将图片的名称作为热区的属性配置信息保存，以便此后加载图片时能获取到该图片上所有热区的属性配置信息。
步骤104、当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区。
本步骤中，在需要加载图片时，需要根据所述图片的名称获取该图片对应的所有热区的属性配置信息，然后对其进行拼装，这样，网页浏览器便可根据拼装的结果，加载所述图片的所述热区，从而可以在网页上显示出图片的热区。
本步骤中利用网页脚本语言对所获取的属性配置信息进行拼装的具体方法为本领域技术人员所掌握。例如，可以采用下述形式进行拼装：
<img src＝"…"usemap＝"#myImgMap">
<map name＝"myImgMap"id＝"myImgMap">
<area shape＝’poly’title＝’提示1’href＝’链接1’coords＝’点集1’>
……
<area shape＝’poly’title＝’提示n’href＝’链接n’coords＝’点集n’>
</map>，
将<map/>元素的name或id属性与图片<img/>元素的usemap属性对应，每个<area/>元素单独对应一个热区，即可实现图片多个热区的关联与设置。当用户鼠标进入area区域(对应之前鼠标拖动画线区域)内时，浏览器会给出相应的提示，点击该区域时，即可跳转到href属性对应链接，如果某个area标签中的坐标和其他区域发生了重叠，会优先采用最先出现的area标签且浏览器会忽略超过图像边界范围之外的坐标。
进一步地，为了使提示热区处显示的提示信息更醒目，可以在上述拼装的脚本中增加使提示信息更突出的语句，即可对<area/>元素添加自定义的显示方式信息，以突出提示信息的显示效果，增强用户体验。
图3为与上述方法相对应的一种在图片上添加热区链接的装置，如图3所示，该装置包括：
采集单元，用于记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合；
筛选单元，用于采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合；
配置单元，用于触发所述用户输入所述待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存；
显示单元，用于当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区。
较佳地，所述采集单元利用HTML5中的画板canvas技术，记录所述画线轨迹。
较佳地，所述画线轨迹为鼠标的拖动轨迹。
较佳地，筛选单元，用于利用预设方向的n条切割线将所述画线轨迹对应的矩形区域进行切割，根据所述点集合，沿着所述画线轨迹依次记录所述画线轨迹与所述切割线的交点，得到一切割交点队列，其中，相邻两条所述切割线之间的宽度为预设的格栅宽度；遍历所述切割交点队列中的每个点i，判断该点i与其后的相邻点之间的连线段是否与至少一条所述切割线相交，如果相交，则将该交点增加到所述切割交点队列中且按照所述画线轨迹的顺序排序在该点i之后；从所述遍历后得到的切割交点队列中，查找出每一组共线且连续相邻的三个以上的点，将所查找出的每组点中上除共线的两端点外的其他点从所述切割交点队列中删除。
综上所述，以上仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (6)

1.一种在图片上添加热区链接的方法，其特征在于，包括：
记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合；
采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合；
触发所述用户输入待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存；
当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区；
其中，所述对所述点集合中的轨迹点进行筛选包括：
利用预设方向的n条切割线将所述画线轨迹对应的矩形区域进行切割，根据所述点集合，沿着所述画线轨迹依次记录所述画线轨迹与所述切割线的交点，得到一切割交点队列，其中，相邻两条所述切割线之间的宽度为预设的格栅宽度；
遍历所述切割交点队列中的每个点i，判断该点i与其后的相邻点之间的连线段是否与至少一条所述切割线相交，如果相交，则将该交点增加到所述切割交点队列中且按照所述画线轨迹的顺序排序在该点i之后；
从所述遍历后得到的切割交点队列中，查找出每一组共线且连续相邻的三个以上的点，将所查找出的每组点中上除共线的两端点外的其他点从所述切割交点队列中删除。
2.根据权利要求1所述的方法，其特征在于，利用HTML5中的画板canvas技术，记录所述画线轨迹。
3.根据权利要求2所述的方法，其特征在于，所述画线轨迹为鼠标的拖动轨迹。
4.一种在图片上添加热区链接的装置，其特征在于，包括：
采集单元，用于记录用户当前在图片上用于勾画热区的画线轨迹，得到所述轨迹的点集合；
筛选单元，用于采用格栅切割的方式，对所述点集合中的轨迹点进行筛选，得到所述热区的精选点集合，其中，所述筛选包括：利用预设方向的n条切割线将所述画线轨迹对应的矩形区域进行切割，根据所述点集合，沿着所述画线轨迹依次记录所述画线轨迹与所述切割线的交点，得到一切割交点队列，其中，相邻两条所述切割线之间的宽度为预设的格栅宽度；遍历所述切割交点队列中的每个点i，判断该点i与其后的相邻点之间的连线段是否与至少一条所述切割线相交，如果相交，则将该交点增加到所述切割交点队列中且按照所述画线轨迹的顺序排序在该点i之后；从所述遍历后得到的切割交点队列中，查找出每一组共线且连续相邻的三个以上的点，将所查找出的每组点中上除共线的两端点外的其他点从所述切割交点队列中删除；
配置单元，用于触发所述用户输入待添加热区的提示信息和链接信息，将所述图片的名称、所述精选点集合、所述提示信息和所述链接信息作为所述热区的属性配置信息保存；
显示单元，用于当所述图片需要被网页加载时，根据所述图片的名称获取该图片对应热区的属性配置信息，并利用预设的网页脚本语言对所获取的属性配置信息进行拼装，网页浏览器根据所述拼装的结果，加载所述图片的所述热区。
5.根据权利要求4所述的装置，其特征在于，所述采集单元利用HTML5中的画板canvas技术，记录所述画线轨迹。
6.根据权利要求5所述的装置，其特征在于，所述画线轨迹为鼠标的拖动轨迹。
CN201610862303.3A 2016-09-28 2016-09-28 在图片上添加热区链接的方法和装置 Active CN107885538B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610862303.3A CN107885538B (zh) 2016-09-28 2016-09-28 在图片上添加热区链接的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610862303.3A CN107885538B (zh) 2016-09-28 2016-09-28 在图片上添加热区链接的方法和装置

Publications (2)

Publication Number Publication Date
CN107885538A CN107885538A (zh) 2018-04-06
CN107885538B true CN107885538B (zh) 2020-12-22

Family

ID=61769805

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610862303.3A Active CN107885538B (zh) 2016-09-28 2016-09-28 在图片上添加热区链接的方法和装置

Country Status (1)

Country Link
CN (1) CN107885538B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110874167B (zh) * 2018-08-29 2023-04-21 阿里巴巴集团控股有限公司 数据处理方法、装置和机器可读介质
CN110471727A (zh) * 2019-07-10 2019-11-19 成都摹客科技有限公司 基于web端创建交互热区的方法、装置、系统及存储介质
CN111736740B (zh) * 2020-03-24 2022-06-07 北京沃东天骏信息技术有限公司 图片热区生成方法、装置、设备和存储介质
CN112507268A (zh) * 2020-12-08 2021-03-16 政采云有限公司 一种网页图片热区配置方法、装置、设备及可读存储介质
CN112907703A (zh) * 2021-01-18 2021-06-04 深圳全民吃瓜科技有限公司 一种表情包生成方法及系统
CN115237289B (zh) * 2022-07-01 2024-02-23 杭州涂鸦信息技术有限公司 热区范围确定方法、装置、设备及存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101777072A (zh) * 2010-01-22 2010-07-14 金蝶软件（中国）有限公司 一种图片热区的生成装置、方法和应用系统
CN102609414A (zh) * 2011-01-20 2012-07-25 中兴通讯股份有限公司 一种基于浏览器的图片热区突出显示方法、装置及系统
CN103544155A (zh) * 2012-07-09 2014-01-29 百度在线网络技术（北京）有限公司 用于移动终端的网页显示方法及装置
CN103914824A (zh) * 2012-12-31 2014-07-09 南方医科大学南方医院 医学图像多目标区域勾画及任意目标区域面积计算方法
CN104503755A (zh) * 2014-12-22 2015-04-08 中软信息系统工程有限公司 基于html5高清位图的动态信息融合展现方法
CN105654531A (zh) * 2015-12-30 2016-06-08 北京金山安全软件有限公司 一种图像轮廓的绘制方法及装置
CN103177115B (zh) * 2013-04-03 2016-06-29 北京奇虎科技有限公司 一种提取网页页面链接的方法和装置
CN105741281A (zh) * 2016-01-28 2016-07-06 西安理工大学 基于邻域离散度的图像边缘检测方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7139970B2 (en) * 1998-04-10 2006-11-21 Adobe Systems Incorporated Assigning a hot spot in an electronic artwork

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101777072A (zh) * 2010-01-22 2010-07-14 金蝶软件（中国）有限公司 一种图片热区的生成装置、方法和应用系统
CN102609414A (zh) * 2011-01-20 2012-07-25 中兴通讯股份有限公司 一种基于浏览器的图片热区突出显示方法、装置及系统
CN103544155A (zh) * 2012-07-09 2014-01-29 百度在线网络技术（北京）有限公司 用于移动终端的网页显示方法及装置
CN103914824A (zh) * 2012-12-31 2014-07-09 南方医科大学南方医院 医学图像多目标区域勾画及任意目标区域面积计算方法
CN103177115B (zh) * 2013-04-03 2016-06-29 北京奇虎科技有限公司 一种提取网页页面链接的方法和装置
CN104503755A (zh) * 2014-12-22 2015-04-08 中软信息系统工程有限公司 基于html5高清位图的动态信息融合展现方法
CN105654531A (zh) * 2015-12-30 2016-06-08 北京金山安全软件有限公司 一种图像轮廓的绘制方法及装置
CN105741281A (zh) * 2016-01-28 2016-07-06 西安理工大学 基于邻域离散度的图像边缘检测方法

Also Published As

Publication number Publication date
CN107885538A (zh) 2018-04-06

Similar Documents

Publication Publication Date Title
CN107885538B (zh) 在图片上添加热区链接的方法和装置
US10140314B2 (en) Previews for contextual searches
US9330179B2 (en) Configuring web crawler to extract web page information
US9002895B2 (en) Systems and methods for providing modular configurable creative units for delivery via intext advertising
US8869025B2 (en) Method and system for identifying advertisement in web page
JP6646931B2 (ja) 推薦情報を提供するための方法および装置
US10169374B2 (en) Image searches using image frame context
US20080275850A1 (en) Image tag designating apparatus, image search apparatus, methods of controlling operation of same, and programs for controlling computers of same
US10296552B1 (en) System and method for automated identification of internet advertising and creating rules for blocking of internet advertising
US20160337275A1 (en) Apparatus, method, and computer program for providing user reviews
CN105630908A (zh) 搜索结果的展示方法和装置
US20130263044A1 (en) Method and system to provide a scroll map
US20130262968A1 (en) Apparatus and method for efficiently reviewing patent documents
CN106097072B (zh) 一种商品信息的对比方法、装置与终端设备
CN102129453B (zh) 以图文并茂方式显示搜索结果的显示控制装置及其方法
JP4896268B2 (ja) 情報価値を反映した情報検索方法及びその装置
JP2011511359A (ja) 印刷構造化文書
CN111090797B (zh) 数据获取方法、装置、计算机设备和存储介质
TWI433028B (zh) 顯示螢幕上促進物件選擇之方法、裝置及程式
WO2015043352A1 (en) Method and apparatus for selecting test nodes on webpages
CN106874502A (zh) 一种视频搜索的方法、装置及终端
TWI570579B (zh) 利用網頁視覺特徵及網頁語法特徵之資訊擷取系統與方法
TW201519071A (zh) 技術文獻擷取及專利分析系統與方法
CN107145494A (zh) 一种浏览网页中缩略图的方法及装置
CN109074380A (zh) 工作和个人内容的分离

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant