[发明专利]图片处理方法、装置、电子设备及计算机可读存储介质

说明书

本申请属于计算机技术领域，尤其涉及一种图片处理方法、装置、电子设备及计算机可读存储介。所述方法包括：获取待处理的目标图片，并根据所述目标图片生成矢量图形元素；接收用户基于所述矢量图形元素触发的框选事件，并基于所述框选事件生成矢量图形子元素；基于所述矢量图形子元素，确定所述目标图片中与所述框选事件对应的框选区域，并对所述框选区域进行标注，得到所述框选区域对应的响应区域。在本申请中，通过针对目标图片生成矢量图形元素，以及基于框选事件生成矢量图形子元素，基于矢量图形子元素确定框选区域，可以实现对图片上不同区域的标注与区分响应，无需重新渲染整张图片，提高了网页图片可交互的多样性。

技术领域

本申请属于计算机技术领域，尤其涉及一种图片处理方法、装置、电子设备及计算机可读存储介质。

背景技术

目前，针对网页上的图片，一般点击图片的任何一个位置都是触发相同的动作，并且在需要对图片进行修改时，需要重新渲染整个图片；从而在一些特定的应用场景，存在交互上的局限性，无法满足交互需求的多样性。

发明内容

有鉴于此，本申请实施例提供了一种图片处理方法、装置、电子设备及计算机可读存储介质，可以提高网页图片交互的多样性。

本申请实施例的第一方面提供了一种图片处理方法，可以包括：

获取待处理的目标图片，并根据所述目标图片生成矢量图形元素；

接收用户基于所述矢量图形元素触发的框选事件，并基于所述框选事件生成矢量图形子元素；

基于所述矢量图形子元素，确定所述目标图片中与所述框选事件对应的框选区域，并对所述框选区域进行标注，得到所述框选区域对应的响应区域。

在第一方面的一种具体实现方式中，在所述接收用户基于所述矢量图形元素触发的框选事件之前，所述方法还包括：

接收用户输入的新增指令，并基于所述新增指令生成属性控件；

接收用户基于所述属性控件输入的标识信息，并基于所述标识信息生成所述框选区域对应的区域名称或跳转对象标识。

在第一方面的一种具体实现方式中，所述框选事件包括选中事件、移动事件和结束事件；

所述接收用户基于所述矢量图形元素触发的框选事件，并基于所述框选事件生成矢量图形子元素，包括：

监控所述选中事件，确定所述选中事件触发的位置相对于所述目标图片中参考点的初始位置坐标；

监控所述移动事件，确定所述移动事件触发的位置相对于所述参考点的移动位置坐标，并根据所述初始位置坐标和移动位置坐标计算移动距离；

监控所述结束事件，确定所述结束事件触发的位置相对于所述参考点的终点位置坐标；

根据所述初始位置坐标、所述终点位置坐标或者所述初始位置坐标、所述移动距离或者所述移动距离、终点位置坐标，生成所述矢量图形子元素。

在第一方面的一种具体实现方式中，所述基于所述矢量图形子元素，确定所述目标图片中与所述框选事件对应的框选区域，包括：

根据所述矢量图形子元素对应的初始位置坐标、所述移动距离和所述终点位置坐标，确定所述目标图片中的所述框选区域。

在第一方面的一种具体实现方式中，所述对所述框选区域进行标注，得到所述框选区域对应的响应区域，包括：

基于所述矢量图形子元素的标签，在所述矢量图形子元素中嵌入超文本标记语言元素；

基于所述超文本标记语言元素对所述框选区域进行标注，得到所述响应区域。

在第一方面的一种具体实现方式中，在所述对所述框选区域进行标注之后，所述方法还包括：