[发明专利]一种为目标对象动态添加标识特征的方法和装置

说明书

本申请公开一种为目标对象动态添加标识特征的方法和装置。目标对象包括第一图层和第二图层，第一图层在第二图层之上；第一图层占据的第一区域未超出第二图层占据的第二区域。该方法中响应于预设操作，在第一图层之上增加第三图层；预设操作用于触发为目标对象添加标识特征的操作；第三图层占据的第三区域包括与第二区域重叠的目标透明区域，以及与第二区域不重叠的目标显示区域；将目标透明区域设置为透明，目标显示区域正常显示作为目标对象的标识特征。通过将最上层的第三图层的目标透明区域设置透明，使目标显示区域正常显示，不但为目标对象成功动态添加标识特征，并且还减少了对图层的操作次数，避免影响第一图层和第二图层的正常显示。

技术领域

本申请涉及计算机技术领域，特别是涉及一种为目标对象动态添加标识特征的方法和装置。

背景技术

在浏览器网页展示技术领域，有多种技术实现可以在浏览器中完成图形图像的展示。可缩放矢量图形(Scalable Vector Graphics，SVG)就是其中的一种。在一些应用场景中，为了区别SVG中的对象，可以对目标对象添加标识特征。现有技术中大多方案都是基于层叠样式表(Cascading Style Sheets，CSS)预设好目标对象CSS相关的描述，在渲染时就已经呈现出了增加的标识特征，此为静态添加标识特征。但是不能通过简单控制CSS描述就实现动态添加或删除标识特征。

在一种实现方案中，为在已展示的目标对象基础上动态增加标识特征，可以把标识特征所在的层置于低于目标对象的层数。但在复杂的展示中，目标对象可能包括许多图层，每个图层各有元素，将标识特征所在的图层置于第几层是不能通过获取各元素所在层数来计算的，只能尽可能的把标识特征所在的图层向更低的图层放置。但随之而来的问题是，此操作不确定其它图层的元素是否会覆盖该标识特征所在的图层或被标识特征所在的图层覆盖而影响展示。

发明内容

基于上述问题，本申请提供了一种为目标对象动态添加标识特征的方法和装置，以避免动态增加的标识特征所在的图层影响其他图层内容的显示。

本申请实施例公开了如下技术方案：

第一方面，本申请提供一种为目标对象动态添加标识特征的方法，所述目标对象包括第一图层和第二图层，所述第一图层在所述第二图层之上，所述第一图层包括对所述目标对象的文字描述，所述第二图层包括所述目标对象的样式；所述第一图层占据的第一区域未超出所述第二图层占据的第二区域；所述方法包括：

响应于预设操作，在所述第一图层之上增加第三图层；所述预设操作用于触发为所述目标对象添加标识特征的操作；所述第三图层占据的第三区域包括与所述第二区域重叠的目标透明区域，以及与所述第二区域不重叠的目标显示区域；

将所述目标透明区域设置为透明，所述目标显示区域正常显示，所述目标显示区域作为所述目标对象的标识特征。

可选地，所述将所述目标透明区域设置为透明，具体包括：

获得所述第二区域的参数；

根据所述第二区域的参数获得所述目标透明区域的参数；

在层叠样式表中针对所述第三图层提供所述目标透明区域的参数以确定所述目标透明区域，并提供所述目标透明区域的透明度设置值；

按照所述透明度设置值将所述目标透明区域设置为透明。

可选地，在所述按照所述透明度设置值将所述目标透明区域设置为透明之后，所述方法还包括：

令所述目标透明区域已设置的透明度设置值生效。

可选地，所述目标显示区域完整包围所述第二区域。

可选地，所述第二区域为实心圆形，所述目标显示区域为与所述第二区域同心的圆环。