用于设置图片热区的方法和装置制造方法及图纸

本申请实施例公开了用于设置图片热区的方法和装置。该方法的一具体实施方式包括：检测作用于设置窗口的操作，其中，设置窗口是用于设置图片热区的窗口；响应于检测到添加图片的操作，则在设置窗口的指定区域呈现该图片；响应于检测到添加链接信息的操作，则在图片上呈现指定大小的矩形块，其中，该矩形块用于限定图片热区的范围；响应于检测到发布图片的操作，则将该矩形块当前在该图片上所覆盖的区域作为图片热区，建立所确定的图片热区与所述链接信息之间的对应关系，并发布该图片。该实施方式提高了图片热区的设置效率。

Method and device for setting picture hotspot

The embodiment of this application discloses a method and a device for setting a picture hot zone. One specific embodiment of the method includes: detecting the operation acting on the setting window, in which the setting window is a window for setting the picture hot zone; rendering the picture in the specified area of the setting window in response to the detection of the operation of adding the picture; and rendering a rectangular block of a specified size on the picture in response to the detection of the operation of adding the link information. Blocks are used to define the range of the picture hotspot; in response to the detection of the operation of publishing the picture, the area currently covered by the rectangular block on the picture is regarded as the picture hotspot, and the corresponding relationship between the determined picture hotspot and the linked information is established, and the picture is published. The implementation method improves the setting efficiency of the picture hot area.

【技术实现步骤摘要】
用于设置图片热区的方法和装置
本申请涉及计算机
，具体涉及互联网
，尤其涉及用于设置图片热区的方法和装置。
技术介绍
图片热区可以指图片上的进行了链接的区域。现有的设置图片热区的方法，通常是对图片进行分割，为分割出的每张小图指定点击后产生的动作，然后通过界面元素的布局和定位技术将这些小图无缝地拼接起来，达到看起来像一张大图的视觉效果。然而，现有的设置图片热区的方法较复杂，存在设置效率低的问题。
技术实现思路
本申请实施例的目的在于提出一种改进的用于设置图片热区的方法和装置，来解决以上
技术介绍
部分提到的技术问题。第一方面，本申请实施例提供了一种用于设置图片热区的方法，该方法包括：检测作用于设置窗口的操作，其中，该设置窗口是用于设置图片热区的窗口；响应于检测到添加图片的操作，则在该设置窗口的指定区域呈现该图片；响应于检测到添加链接信息的操作，则在该图片上呈现指定大小的矩形块，其中，该矩形块用于限定图片热区的范围；响应于检测到发布该图片的操作，则将该矩形块当前在该图片上所覆盖的区域作为图片热区，建立所确定的图片热区与该链接信息之间的对应关系，并发布该图片。在一些实施例中，在上述设置窗口的指定区域呈现上述图片，包括：对上述图片的宽度进行调整，在上述指定区域呈现宽度经调整后的上述图片。在一些实施例中，上述矩形块在上述图片上处于半透明状态。在一些实施例中，上述方法还包括：响应于检测到针对上述矩形块的选取操作，则将上述矩形块置为不透明状态。在一些实施例中，上述方法还包括：响应于检测到针对上述矩形块的移动操作，则确定上述移动操作所指向的位置上是否已存在图片热区，若否，则将上述矩形块移动至上述移动操作所指向的位置。在一些实施例中，上述方法还包括：响应于检测到鼠标光标停留在上述矩形块的以下任意一项：右边界、右下角、下边界，则将上述鼠标光标更改为相应的提示符，以引导操作人员对上述矩形块进行缩放操作。在一些实施例中，上述方法还包括：响应于检测到针对上述矩形块的缩放操作，则对上述矩形块进行相应的缩放。在一些实施例中，上述矩形块上显示有关闭选项；以及上述方法还包括：响应于检测到针对该关闭选项的选取操作，则删除上述矩形块。在一些实施例中，上述方法还包括：响应于检测到鼠标光标在上述矩形块内的停留时间超出预置时长，则呈现提示信息，其中，该提示信息包括以下至少一项：上述矩形块的至少一个顶点的坐标、上述矩形块的宽度、上述矩形块的高度、上述链接信息。在一些实施例中，上述方法还包括：在上述设置窗口中呈现上述图片上的每个矩形块的以下至少一项：至少一个顶点的坐标、宽度、高度、所对应的链接信息。在一些实施例中，上述方法还包括：响应于检测到对经发布后的上述图片的选取操作，则确定在经发布后的上述图片上的选取位置；在经发布后的上述图片所包括的各个图片热区中确定该选取位置所在的目标图片热区，并跳转到与该目标图片热区对应的链接信息所指向的界面。第二方面，本申请实施例提供了一种用于设置图片热区的装置，该装置包括：检测单元，配置用于检测作用于设置窗口的操作，其中，设置窗口是用于设置图片热区的窗口；第一呈现单元，配置用于响应于检测到添加图片的操作，则在设置窗口的指定区域呈现该图片；第二呈现单元，配置用于响应于检测到添加链接信息的操作，则在该图片上呈现指定大小的矩形块，其中，该矩形块用于限定图片热区的范围；发布单元，配置用于响应于检测到发布该图片的操作，则将该矩形块当前在该图片上所覆盖的区域作为图片热区，建立所确定的图片热区与该链接信息之间的对应关系，并发布该图片。在一些实施例中，上述第一呈现单元进一步配置用于：对上述图片的宽度进行调整，在上述指定区域呈现宽度经调整后的上述图片。在一些实施例中，上述矩形块在上述图片上处于半透明状态。在一些实施例中，上述装置还包括：第一设置单元，配置用于响应于检测到针对上述矩形块的选取操作，则将上述矩形块置为不透明状态。在一些实施例中，上述装置还包括：移动单元，配置用于响应于检测到针对上述矩形块的移动操作，则确定上述移动操作所指向的位置上是否已存在图片热区，若否，则将上述矩形块移动至上述移动操作所指向的位置。在一些实施例中，上述装置还包括：第二设置单元，配置用于响应于检测到鼠标光标停留在上述矩形块的以下任意一项：右边界、右下角、下边界，则将上述鼠标光标更改为相应的提示符，以引导操作人员对上述矩形块进行缩放操作。在一些实施例中，上述装置还包括：缩放单元，配置用于响应于检测到针对上述矩形块的缩放操作，则对上述矩形块进行相应的缩放。在一些实施例中，上述矩形块上显示有关闭选项；以及上述装置还包括：删除单元，配置用于响应于检测到针对该关闭选项的选取操作，则删除上述矩形块。在一些实施例中，上述装置还包括：第三呈现单元，配置用于响应于检测到鼠标光标在上述矩形块内的停留时间超出预置时长，则呈现提示信息，其中，该提示信息包括以下至少一项：上述矩形块的至少一个顶点的坐标、上述矩形块的宽度、上述矩形块的高度、上述链接信息。在一些实施例中，上述装置还包括：第四呈现单元，配置用于在上述设置窗口中呈现上述图片上的每个矩形块的以下至少一项：至少一个顶点的坐标、宽度、高度、所对应的链接信息。在一些实施例中，上述装置还包括：确定单元，配置用于响应于检测到对经发布后的上述图片的选取操作，则确定在经发布后的上述图片上的选取位置；跳转单元，配置用于在经发布后的上述图片所包括的各个图片热区中确定该选取位置所在的目标图片热区，并跳转到与该目标图片热区对应的链接信息所指向的界面。第三方面，本申请实施例提供了一种电子设备，该电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当上述一个或多个程序被上述一个或多个处理器执行，使得上述一个或多个处理器实现如第一方面中任一实现方式描述的方法。第四方面，本申请实施例提供了一种计算机可读存储介质，其上存储有计算机程序，上述程序被处理器执行时实现如第一方面中任一实现方式描述的方法。本申请实施例提供的用于设置图片热区的方法和装置，通过检测作用于设置窗口的操作，以便于在检测到添加图片的操作时，在设置窗口的指定区域呈现该图片；在检测到添加链接信息的操作时，在该图片上呈现指定大小的矩形块；在检测到发布图片的操作时，将该矩形块当前在该图片上所覆盖的区域作为图片热区，建立该图片热区与该链接信息之间的对应关系，并发布该图片。从而有效利用了对设置窗口的提供，可以使操作人员在可视化的设置窗口中设置所需的图片热区，提高了图片热区的设置效率。而且，将上述实施例提供的方法应用于针对应用界面的开发工作中，可以减少不必要的切图，从而可以提高开发人员的开发效率。附图说明通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：图1是本申请可以应用于其中的示例性系统架构图；图2是根据本申请的用于设置图片热区的方法的一个实施例的流程图；图3a是根据本申请的图片的一个示意图；图3b是在图3a上呈现处于半透明状态的矩形块的一个示意图；图4是根据本申请的用于设置图片热区的方法的一个应用场景的示意图；图5是根据本申请的用于设置图片热区的方法的又一个实施例的流程图；图6是根据本申请的用于设置图片热区的装置的一本文档来自技高网...

【技术保护点】
1.一种用于设置图片热区的方法，其特征在于，所述方法包括：检测作用于设置窗口的操作，其中，所述设置窗口是用于设置图片热区的窗口；响应于检测到添加图片的操作，则在所述设置窗口的指定区域呈现所述图片；响应于检测到添加链接信息的操作，则在所述图片上呈现指定大小的矩形块，其中，所述矩形块用于限定图片热区的范围；响应于检测到发布所述图片的操作，则将所述矩形块当前在所述图片上所覆盖的区域作为图片热区，建立所确定的图片热区与所述链接信息之间的对应关系，并发布所述图片。

【技术特征摘要】
1.一种用于设置图片热区的方法，其特征在于，所述方法包括：检测作用于设置窗口的操作，其中，所述设置窗口是用于设置图片热区的窗口；响应于检测到添加图片的操作，则在所述设置窗口的指定区域呈现所述图片；响应于检测到添加链接信息的操作，则在所述图片上呈现指定大小的矩形块，其中，所述矩形块用于限定图片热区的范围；响应于检测到发布所述图片的操作，则将所述矩形块当前在所述图片上所覆盖的区域作为图片热区，建立所确定的图片热区与所述链接信息之间的对应关系，并发布所述图片。2.根据权利要求1所述的方法，其特征在于，所述在所述设置窗口的指定区域呈现所述图片，包括：对所述图片的宽度进行调整，在所述指定区域呈现宽度经调整后的所述图片。3.根据权利要求1所述的方法，其特征在于，所述矩形块在所述图片上处于半透明状态。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于检测到针对所述矩形块的选取操作，则将所述矩形块置为不透明状态。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：响应于检测到针对所述矩形块的移动操作，则确定所述移动操作所指向的位置上是否已存在图片热区，若否，则将所述矩形块移动至所述移动操作所指向的位置。6.根据权利要求4所述的方法，其特征在于，所述方法还包括：响应于检测到鼠标光标停留在所述矩形块的以下任意一项：右边界、右下角、下边界，则将所述鼠标光标更改为相应的提示符，以引导操作人员对所述矩形块进行缩放操作。7.根据权利要求4所述的方法，其特征在于，所述方法还包括：响应于检测到针对所述矩形块的缩放操作，则对所述矩形块进行相应的缩放。8.根据权利要求1所述的方法，其特征在于，所述矩形块上显示有关闭选项；以及所述方法还包括：响应于检测到针对所述关闭选项的选取操作，则删除所述矩形块。9.根据权利要求1所述的方法，...

【专利技术属性】
技术研发人员：徐俊，
申请(专利权)人：北京京东尚科信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京,11