[发明专利]一种图层的选择方法、系统及计算机存储介质

说明书

本发明提供了一种图层的选择方法、系统及计算机存储介质，涉及计算机应用技术领域，所述方法包括根据用户在浏览器页面中的鼠标点击坐标，并获取覆盖所述鼠标点击坐标位置的图层，判断图层的数量是否为多个，若是，则生成一个图层面板，该图层面板包含所述多个图层的图层名称，这样用户就可以基于这个图层面板选择自己所要选择图层对应的图层名称即可，系统就可以将用户选择的目标图层名称对应的图层选中。通过本发明可以有效减少用户针对重叠图层选择的操作步骤，节省用户的时间，从而极大的提高用户的设计工作效率。

技术领域

本发明涉及计算机应用技术领域，尤其涉及一种图层的选择方法、系统及计算机存储介质。

背景技术

随着越来越多的软件以提高用户的交互感受为竞争手段，因此UI设计(指对软件的人机交互、操作逻辑、界面美观的整体设计，即用户界面设计)对于提高软件的市场竞争力显得尤为重要，完美的设计交付必然是软件产品迈向成功的一个里程碑。

然而在实际的工作中，设计工具中的设计稿在网页显示时，可能在某一点存在多个重叠的图层，通常默认只能选中最上面的图层，若用户所需要选择的目标图层并非最上面的图层，则用户需要不断切换选中的图层，从而增加用户的操作步骤，浪费用户的时间，从而降低用户的设计工作的效率。

发明内容

本发明实施例提供一种图层的选择方法、系统及计算机存储介质，主要旨在解决现有技术中由于用户在面对多个重叠图层选择时，需要不断切换才能选中目标图层，而导致增加用户的操作步骤，浪费用户的时间，降低用户的设计工作的效率的技术问题。通过本发明实施例使用户能够快速且准确地选中自己所需要的目标图层，提高设计工作的效率。

第一方面，本发明实施例提供了一种图层的选择方法，所述方法具体包括：

根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标位置的图层的数量N，N为自然数；

若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称；

响应于用户根据所述图层面板选择的目标图层名称，则将所述目标图层名称对应的目标图层选中。

优选的，所述根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标的图层的数量N，N为自然数，具体包括：

获取用户在浏览器页面中的鼠标点击坐标；

计算所述鼠标点击坐标对应于预设的标准平面直角坐标系中的目标位置坐标；

将所述目标位置坐标分别与图层数据信息库中的每个图层数据进行匹配；

将匹配成功的N个图层数据生成一个图层数据数组，N为自然数，每个图层数据为所述图层数据数组中的一个元素；

统计所述图层数据数组的元素个数N。

优选的，所述将所述目标位置坐标分别与图层数据信息库中的每个图层数据进行匹配，具体包括：

每个所述图层数据均包括图层位置信息和图层名称，所述图层位置信息为图层数据信息库中的每个图层在预设的标准平面直角坐标系中的坐标函数，将所述目标位置坐标分别与图层数据信息库中的每个图层数据包含的坐标函数进行解析，若所述目标位置坐标满足图层数据信息库中的图层数据包含的坐标函数，则所述目标位置坐标与图层数据信息库中的图层数据匹配成功，否则匹配失败。

优选的，所述若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称，具体包括：

若N≥2时，则提取所述匹配成功的N个图层数据中包含的N个图层名称；

基于所述N个图层名称生成一个图层面板，所述图层面板包含所述N个图层名称，每个图层名称对应一个图层。