CN113204296B - 图元高亮显示方法、装置、设备及存储介质 - Google Patents

图元高亮显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN113204296B
CN113204296B CN202110442396.5A CN202110442396A CN113204296B CN 113204296 B CN113204296 B CN 113204296B CN 202110442396 A CN202110442396 A CN 202110442396A CN 113204296 B CN113204296 B CN 113204296B
Authority
CN
China
Prior art keywords
primitive
unique identifier
elements
highlighting
mouse
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
CN202110442396.5A
Other languages
English (en)
Other versions
CN113204296A (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.)
Shenzhen Wanyi Digital Technology Co ltd
Original Assignee
Wanyi 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 Wanyi Technology Co Ltd filed Critical Wanyi Technology Co Ltd
Priority to CN202110442396.5A priority Critical patent/CN113204296B/zh
Publication of CN113204296A publication Critical patent/CN113204296A/zh
Application granted granted Critical
Publication of CN113204296B publication Critical patent/CN113204296B/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
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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
    • 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/451—Execution arrangements for user interfaces
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

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

Abstract

本申请涉及一种图元高亮显示方法、装置、设备及存储介质，方法包括：确定目标图纸中鼠标点击位置对应的图元唯一标识；获取所述目标图纸中具有所述图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；渲染获取的所述各元素，并进行高亮显示。本申请用以解决现有的图元在高亮显示时，由于图元中的部分元素被重复选中，导致部分元素重复渲染，进而导致计算量大的问题。

Description

图元高亮显示方法、装置、设备及存储介质
技术领域
本申请涉及计算机技术领域，尤其涉及一种图元高亮显示方法、装置、设备及存储介质。
背景技术
图元是由若干不同的点、线、面元素或者相同的元素组合而成的，一个元素包括顶点信息和颜色信息。在计算机辅助设计(Computer Aided Design，简称CAD)中进行图元高亮显示时，需先获取鼠标选中的目标元素，再获取用户设置的进行高亮显示的颜色，将获取的目标元素以进行高亮显示的颜色进行渲染。
当一个图元包括多个元素时，用户可能经过多次选择，才能选中一个图元。例如，一个图元包括一条线段、一个三角形和一个正方形，用户在选择该图元时，第一次仅选择了线段，因此对线段做了渲染，进行高亮处理。但是该图元除了线段还包括其他元素，因此，用户进行了第二次选择，第二次用户选择了线段和三角形，因此对线段和三角形做了渲染，进行高亮处理。但是该图元依旧包括其他元素，因此，用户进行了第三次选择，第三次用户选择了线段、三角形和正方形，才最终完成了一个图元的渲染和高亮显示。
可见，整个过程线段被选中3次，进行了3次的渲染，三角形被选中2次，进行了2次的渲染，该图元的高亮显示通过3次处理才完成。
可见，在现有的图元高亮显示过程中，由于一个图元中的部分元素被选中多次，造成部分元素的重复渲染。由于元素的重复渲染，导致计算量较大，服务性能不高。
发明内容
本申请提供了一种图元高亮显示方法、装置、设备及存储介质，用以解决现有的图元在高亮显示时，由于图元中的部分元素被重复选中，导致部分元素重复渲染，进而导致计算量大的问题。
第一方面，本申请实施例提供了一种图元高亮显示方法，包括：
确定目标图纸中鼠标点击位置对应的图元唯一标识；
获取所述目标图纸中具有所述图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；
渲染获取的所述各元素，并进行高亮显示。
可选地，所述确定目标图纸中鼠标点击位置对应的图元唯一标识，包括：
当获取到所述鼠标点击位置对应的第一像素信息时，确定所述鼠标点击位置对应选中任一所述元素；
解析所述第一像素信息对应元素的顶点信息，得到选中的所述元素的图元唯一标识。
可选地，所述确定目标图纸中鼠标点击位置对应的图元唯一标识，包括：
当未获取到所述鼠标点击位置对应的第一像素信息时，获取所述鼠标点击位置对应预设范围内的图元唯一标识；
确定所述预设范围内的图元唯一标识，为所述鼠标点击位置对应的图元唯一标识。
可选地，所述当未获取到所述鼠标点击位置对应的第一像素信息时，获取所述鼠标点击位置对应预设范围内的图元唯一标识，包括：
当未获取到所述鼠标点击位置对应的第一像素信息时，获取所述预设范围内距离所述鼠标点击位置最近的元素；
获取距离所述鼠标点击位置最近的元素的第二像素信息；
根据预设的像素信息与图元唯一标识的第一对应关系，得到所述第二像素信息对应的图元唯一标识；
确定所述第二像素信息对应的图元唯一标识，为所述预设范围内的图元唯一标识。
可选地，所述获取所述目标图纸中具有所述图元唯一标识的各元素，包括：
将所述鼠标点击位置对应的图元唯一标识在对象库中进行匹配，得到具有所述图元唯一标识的各顶点信息，所述对象库存储有图元唯一标识和顶点信息的第二对应关系；
根据所述各顶点信息，得到所述目标图纸中具有所述图元唯一标识的各元素。
可选地，所述渲染获取的所述各元素，并进行高亮显示之前，还包括：
获取所述选中的元素对应的中间颜色值，并利用所述中间颜色值对得到的所述图元唯一标识的各元素进行渲染；
所述渲染获取的所述各元素，并进行高亮显示，包括：
以第一颜色值对所述各元素的所述中间颜色值进行渲染，以使所述各元素进行高亮显示。
可选地，所述顶点信息包括：所述选中的元素位置信息，和所述选中的元素的图元唯一标识。
第二方面，本申请实施例提供了一种图元高亮显示装置，包括：
确定模块，用于确定目标图纸中鼠标点击位置对应的图元唯一标识；
获取模块，用于获取所述目标图纸中具有所述图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；
渲染模块，用于渲染获取的所述各元素，并进行高亮显示。
第三方面，本申请实施例提供了一种电子设备，包括：处理器、存储器和通信总线，其中，处理器和存储器通过通信总线完成相互间的通信；
所述存储器，用于存储计算机程序；
所述处理器，用于执行所述存储器中所存储的程序，实现第一方面所述的图元高亮显示方法。
第四方面，本申请实施例提供了一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现第一方面所述的图元高亮显示方法。
本申请实施例提供的上述技术方案与现有技术相比具有如下优点：本申请实施例提供的该方法，确定目标图纸中鼠标点击位置对应的图元唯一标识；获取目标图纸中具有图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致，本申请能够达到一次鼠标点击就可以选中一个图元的目的，减少了计算步骤和计算量，提高了计算速率；渲染获取的各元素，并进行高亮显示，本申请一次鼠标点击便可以选中一个图元，因此一个图元的高亮显示仅需一次渲染操作便可以实现，解决了现有的一个图元需要多次选择的问题，并且，也解决了由于一个图元中的部分元素的被重复选中，造成的部分元素重复渲染问题，减少了计算量，提高了服务性能。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例中系统环境结构示意图；
图2为本申请实施例中图元高亮显示方法的流程示意图；
图3为本申请实施例中获取鼠标点击位置对应预设范围内的图元唯一标识的流程示意图；
图4为本申请实施例中二维图纸中图元显示示意图；
图5为本申请实施例中图元高亮显示方法的具体流程示意图；
图6为本申请实施例中图元高亮显示装置结构示意图；
图7为本申请实施例中电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
本申请实施例中，提供了一种图元高亮显示方法，该方法可以应用于如图1所示的由终端101和服务器102所构成的系统环境中。如图1所示，服务器102通过网络与终端101进行连接，可用于为终端或终端上安装的客户端提供服务，可在服务器上或独立于服务器设置数据库，用于为服务器102提供数据存储服务，上述网络包括但不限于：广域网、城域网或局域网，终端101并不限定于电脑、手机、平板等。
本申请实施例的图元高亮显示方法可以由服务器102来执行，也可以由终端101来执行，还可以是由服务器102和终端101共同执行。其中，终端101执行本申请实施例的图元高亮显示方法，也可以是由安装在其上的客户端来执行。
例如，当图元高亮显示方法由服务器102执行时，服务器102获取目标图纸中鼠标点击位置；确定目标图纸中鼠标点击位置对应的图元唯一标识；获取目标图纸中具有图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；渲染获取的各元素，并进行高亮显示。
例如，当图元高亮显示方法由终端101执行时，终端101获取目标图纸中鼠标点击位置；确定目标图纸中鼠标点击位置对应的图元唯一标识；获取目标图纸中具有图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；渲染获取的各元素，并进行高亮显示。
例如，当图元高亮显示方法由终端101和服务器102共同执行时，终端101获取目标图纸中鼠标点击位置，将鼠标点击位置发送给服务器102。服务器102确定目标图纸中鼠标点击位置对应的图元唯一标识；获取目标图纸中具有图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；生成图元高亮显示指令，将图元高亮显示指令以及获取的各元素发送给终端101。终端101根据图元高亮显示指令，渲染获取的各元素，并使各元素进行高亮显示。
以本申请应用在服务器102为例对图元高亮显示方法进行说明，当然，此处仅是举例说明，并不用于对本申请的保护范围进行限制。并且，本申请中的一些其他举例说明，也不用于对本申请的保护范围的限制，便不在一一说明。
下面，介绍一种3D绘图协议(Web Graphics Library，简称WebGL)。WebGL的着色器代码包括：顶点着色器代码和片元着色器代码。下面，顶点着色器代码统称为顶点着色器，片元着色器代码统称为片元着色器。
顶点着色器是用来描述顶点特性的程序，例如，顶点的位置信息、顶点的颜色信息等，顶点是指二维或三维空间的一个点，例如，二维或三维空间线与线之间的交叉点或端点。顶点着色器决定顶点的大小、位置和颜色，为每个顶点提供了一组单独的色调值，并对各顶点的颜色进行平滑、融合处理。
片元着色器是进行逐片元处理过程的程序，其中，片元是一个WebGL的术语，可以将其理解为像素。在绘制了图形之后，图形填充的颜色有片元着色器处理。
像素是指由图像的小方格组成的，这些小方格都有一个明确的位置和被分配的颜色值。
WebGL使用顶点缓冲区对象(VBO)记录图元中元素的元素相关信息，该元素相关信息包括：顶点信息和颜色信息。其中，顶点信息包括位置(position)参数(参数1，参数2，参数3)。Position参数在现有技术中用来记录顶点的坐标，颜色信息包括颜色(color)参数(r.g.b.a)，其中，颜色参数包括颜色值。该图元高亮显示方法的执行过程中，通过WebGL的相关接口(API)，把顶点信息和颜色信息等数据传递给顶点着色器和片元着色器。
其中，元素包括：绘制在目标图纸上的点、线、面中的任意一项或多项。
一个具体实施例中，图元高亮显示方法的具体实现如图2所示：
步骤201，确定目标图纸中鼠标点击位置对应的图元唯一标识。
具体地，该目标图纸为二维图纸，且二维图纸中可以包括二维直角坐标系，通过该二维直角坐标系确定二维图纸中鼠标点击位置的位置坐标，且任一鼠标点击位置对应二维图纸中的一个像素，每个像素与二维图纸中的元素具备对应关系。一般情况下，二维图纸中的二维直角坐标系设置为不可见状态。
其中，图元唯一标识可以包括数字序号、字母、或者由数字和字母构成的字符串等。例如，序号可以为：1.2.3.4.5.6......，字母可以为：A.B.C.D.E.F......，由数字和字母构成的字符串可以为：A1.B2.C3......。
其中，二维图纸可以为多种格式的图纸，例如，文件扩展名为.dwg或.sat的计算机辅助设计(Computer Aided Design，简称CAD)图纸，本申请的二维图纸的文件格式并不用于限制本申请的保护范围。
具体地，在进行图元高亮显示时，获取鼠标点击二维图纸的鼠标点击位置；基于二维直角坐标系，确定该鼠标点击位置的位置坐标；判断该位置坐标处是否绘制有元素，若是，判定鼠标点击位置对应选中任一元素，否则，判定鼠标点击位置未对应选中任一元素。
或者，在进行图元高亮显示时，判断是否能够获取到鼠标点击位置对应的第一像素信息，若是，判定鼠标点击位置对应选中任一元素，否则，判定鼠标点击位置未对应选中任一元素。
其中，第一像素信息包括第一像素值。
一个具体实施例中，当获取到鼠标点击位置对应的第一像素信息时，确定鼠标点击位置对应选中任一元素，解析第一像素信息对应选中的元素的顶点信息，得到选中的元素的图元唯一标识。
具体地，在得到选中的元素的图元唯一标识之后，通过预配置的图元唯一标识与中间颜色值的对应关系，得到选中的元素对应的中间颜色值，通过中间颜色值对选中的元素进行渲染。
或者，在得到选中的元素的图元唯一标识之后，通过图元唯一标识与颜色值的映射关系，得到选中的元素对应的中间颜色值，其中，图元唯一标识与颜色值的映射过程如下所示：
图元唯一标识包括正整数型的数字，例如，无符号的整数类型(int)，通过32位存储。将这32按照每8位分为一组，可以得到4组，和颜色参数的rgba的四个分量对应。而颜色参数的颜色值的大小为0～255之间的数字，正好可以通过8位来存储。因此，构成了图元唯一标识和颜色值的映射关系。
通过该映射关系，将图元唯一标识转换成rgba的四个分量，并将rgba的四个分量映射为一个整数类型的数据。因此，当获取到图元唯一标识时，得到与图元唯一标识对应的颜色值。
其中，经过映射关系处理的图元唯一标识，得到的颜色值，包括中间颜色值。
一个具体实施例中，顶点信息包括：选中的元素位置信息，和选中的元素的图元唯一标识。
具体的，在本申请中将position参数(参数1，参数2，参数3)作为顶点信息中选中的元素位置信息。其中，参数1为X坐标值，参数2为Y坐标值，参数3为图元唯一标识，参数1和参数2为选中的元素位置信息，X坐标值和Y坐标值可以通过二维直角坐标系确定。或者，参数1为图元唯一标识，参数2为X坐标值，参数3为Y坐标值，参数2和参数3为选中的元素位置信息，X坐标值和Y坐标值可以通过二维直角坐标系确定。
具体地，当确定鼠标点击位置对应选中任一元素时，基于鼠标点击位置的位置坐标，获取选中元素的position参数，解析position参数，获得选中元素的图元唯一标识。
具体地，当确定鼠标点击位置对应选中任一元素时，获取选中的元素的顶点信息，解析顶点信息，具体为解析顶点信息中选中的元素位置信息。具体为：基于鼠标点击位置的位置坐标，获取选中元素的position参数，将获取的position参数传输给顶点着色器。顶点着色器对position参数进行解析，得到选中元素的图元唯一标识。
在本申请中，已经预先存储了二维图纸中位置坐标和元素的对应关系。
本申请通过将position参数中的一个参数来记录对应图元的唯一标识，可以直接通过顶点信息，快速得到对应元素的唯一标识，减少了计算量，提高了计算速度。
一个具体实施例中，当确定鼠标点击位置未对应选中任一元素时，获取鼠标点击位置对应预设范围内的图元唯一标识；确定预设范围内的图元唯一标识，为鼠标点击位置对应的图元唯一标识。
具体地，该预设范围为以鼠标点击位置为圆心，预设值为半径所形成的区域范围。该预设值可以动态设置。例如，预设值为3个像素。
一个具体实施例中，当确定鼠标点击位置未对应选中任一元素时，获取鼠标点击位置对应预设范围内的图元唯一标识的具体实现如图3所示：
步骤301，当确定鼠标点击位置未对应选中任一元素时，获取预设范围内距离鼠标点击位置最近的元素。
步骤302，获取距离鼠标点击位置最近的元素的第二像素信息。
其中，第二像素信息包括第二像素值。
例如，获取距离鼠标点击位置下方1个像素点的元素的第二像素值。
步骤303，根据预设的像素信息与图元唯一标识的第一对应关系，得到第二像素信息对应的图元唯一标识。
步骤304，确定第二像素信息对应的图元唯一标识，为预设范围内的图元唯一标识。
具体地，确定第二像素值对应的图元唯一标识，为预设范围内的图元唯一标识。
步骤202，获取目标图纸中具有图元唯一标识的各元素。
其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致。
例如，一个图元中包括3个点，2条线段和一个正方形，则该图元中每个点、每条线段和正方形的图元唯一标识是一致的。
例如，二维图纸中包括2个图元，如图4所示，二维图纸中的2个图元分别为第一图元401和第二图元402。其中，第一图元401包括3个点，2条线段和一个正方形，第二图元402包括2个长方形，则第一图元401的图元唯一标识为第一图元唯一标识，第二图元402的图元唯一标识为第二图元唯一标识。第一图元唯一标识和第二图元唯一标识不一致。
其中，在图4中通过虚线将图元进行划分，以方便观看，但图4中的虚线在二维图纸中并不存在。
具体地，获取二维图纸中具有鼠标点击位置对应的图元唯一标识的各元素，并将其设置为选中状态。
本申请利用同一图元中的元素的图元唯一标识一致的特性，获取鼠标点击位置对应的图元唯一标识的各元素，通过一次点击，实现了选中一个图元的目的，且一个图元的选中过程计算量很小，计算速度很快，提高了服务性能。
一个具体实施例中，将鼠标点击位置对应的图元唯一标识在对象库中进行匹配，得到具有图元唯一标识的各顶点信息，对象库存储有图元唯一标识和顶点信息的第二对应关系；根据各顶点信息，得到目标图纸中具有图元唯一标识的各元素。
步骤203，渲染获取的各元素，并进行高亮显示。
一个具体实施例中，获取选中的元素对应的中间颜色值，并利用中间颜色值对选中的元素进行渲染；进而，获取鼠标点击位置对应的第二颜色值，根据图元唯一标识与颜色值的映射关系，得到第二颜色值对应的图元唯一标识，此时，将第二颜色值对应的图元唯一标识输入至片元着色器，以对第二颜色值对应的图元唯一标识的各元素进行渲染，此时的第二颜色值为图元的原本颜色值；最后，判断中间颜色值对应的图元唯一标识和第二颜色值对应的图元唯一标识是否一致，若是，对以第一颜色值对该图元唯一标识对应的各元素进行渲染，以使各元素进行高亮显示，否则，以第二颜色值对应的图元唯一标识的各元素进行渲染后显示即可。
其中，第一颜色值、第二颜色值和中间颜色值不相同。第二颜色信息包括鼠标点击位置对应的图元唯一标识的各元素的原本颜色值，第一颜色信息包括高亮显示的目标颜色值。
下面，通过图5对图元高亮显示方法进行详细的说明：
步骤501，判断是否能够获取到鼠标点击位置对应的第一像素信息，若是，执行步骤502，否则，执行步骤503。
步骤502，解析第一像素信息对应的选中元素的顶点信息，获取选中的元素的图元唯一标识。
步骤503，获取鼠标点击位置对应预设范围内的图元唯一标识。
步骤504，将获取的图元唯一标识映射为中间颜色值，利用该中间颜色值，对获取的图元唯一标识对应的各元素进行渲染。
步骤505，获取鼠标点击位置对应的第二颜色值，将第二颜色值逆向转换，得到第二颜色值对应的图元唯一标识。
步骤506，判断获取的图元唯一标识和第二颜色值对应的图元唯一标识是否一致，若是，执行步骤507，否则执行步骤508。
步骤507，以第一颜色值对获取的图元唯一标识对应的各元素进行渲染。
步骤508，以第二颜色值对获取的图元唯一标识对应的各元素进行渲染。
本申请实施例提供的该方法，确定目标图纸中鼠标点击位置对应的图元唯一标识；获取目标图纸中具有图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致，本申请能够达到一次鼠标点击就可以选中一个图元的目的，减少了计算步骤和计算量，提高了计算速率；渲染获取的各元素，并进行高亮显示，本申请一次鼠标点击便可以选中一个图元，因此一个图元的高亮显示仅需一次渲染操作便可以实现，解决了现有的一个图元需要多次选择的问题，并且，也解决了由于一个图元中的部分元素的被重复选中，造成的部分元素重复渲染问题，减少了计算量，提高了服务性能。
基于同一构思，本申请实施例中提供了一种图元高亮显示装置，该装置的具体实施可参见方法实施例部分的描述，重复之处不再赘述，如图6所示，该装置主要包括：
确定模块601，用于确定目标图纸中鼠标点击位置对应的图元唯一标识；
获取模块602，用于获取目标图纸中具有图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；
渲染模块603，用于渲染获取的各元素，并进行高亮显示。
一个具体实施例中，确定模块601，具体用于当确定鼠标点击位置对应选中任一元素时，获取选中的元素的顶点信息，解析顶点信息，获得鼠标点击位置对应的图元唯一标识。
一个具体实施例中，确定模块601，具体用于当确定鼠标点击位置未对应选中任一元素时，获取鼠标点击位置对应预设范围内的图元唯一标识；确定预设范围内的图元唯一标识，为鼠标点击位置对应的图元唯一标识。
一个具体实施例中，确定模块601，具体用于当确定鼠标点击位置未对应选中任一元素时，获取预设范围内距离鼠标点击位置最近的元素；获取距离鼠标点击位置最近的元素的第一像素信息；根据预设的像素信息与图元唯一标识的第一对应关系，得到第一像素信息对应的图元唯一标识；确定第一像素信息对应的图元唯一标识，为预设范围内的图元唯一标识。
一个具体实施例中，获取模块602，具体用于将鼠标点击位置对应的图元唯一标识在对象库中进行匹配，得到具有图元唯一标识的各顶点信息，对象库存储有图元唯一标识和顶点信息的第二对应关系；根据各顶点信息，得到目标图纸中具有图元唯一标识的各元素。
一个具体实施例中，渲染模块603，还用于根据第一对应关系，确定鼠标点击位置对应的图元唯一标识的各元素的第二像素信息；获取第二像素信息对应的第一颜色信息；渲染模块603，具体用于以第二颜色信息对各元素的第一颜色信息进行渲染，以使各元素进行高亮显示。
一个具体实施例中，顶点信息包括：选中的元素位置信息，和选中的元素的图元唯一标识。
本申请实施例提供的该装置，通过确定模块601，确定目标图纸中鼠标点击位置对应的图元唯一标识；通过获取模块602，获取目标图纸中具有图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致，本申请能够达到一次鼠标点击就可以选中一个图元的目的，减少了计算步骤和计算量，提高了计算速率；通过渲染模块603，渲染获取的各元素，并进行高亮显示，本申请一次鼠标点击便可以选中一个图元，因此一个图元的高亮显示仅需一次渲染操作便可以实现，解决了现有的一个图元需要多次选择的问题，并且，也解决了由于一个图元中的部分元素的被重复选中，造成的部分元素重复渲染问题，减少了计算量，提高了服务性能。
基于同一构思，本申请实施例中还提供了一种电子设备，如图7所示，该电子设备主要包括：处理器701、存储器702和通信总线703，其中，处理器701和存储器702通过通信总线703完成相互间的通信。其中，存储器702中存储有可被至处理器701执行的程序，处理器701执行存储器702中存储的程序，实现如下步骤：确定目标图纸中鼠标点击位置对应的图元唯一标识；获取目标图纸中具有图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；渲染获取的各元素，并进行高亮显示。
上述电子设备中提到的通信总线703可以是外设部件互连标准(PeripheralComponent Interconnect，简称PCI)总线或扩展工业标准结构(Extended IndustryStandard Architecture，简称EISA)总线等。该通信总线703可以分为地址总线、数据总线、控制总线等。为便于表示，图7中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
存储器702可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选地，存储器还可以是至少一个位于远离前述处理器701的存储装置。
上述的处理器701可以是通用处理器，包括中央处理器(Central ProcessingUnit，简称CPU)、网络处理器(Network Processor，简称NP)等，还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本申请的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，当该计算机程序在计算机上运行时，使得计算机执行上述实施例中所描述的图元高亮显示方法。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机指令时，全部或部分地产生按照本申请实施例所述的流程或功能。该计算机可以时通用计算机、专用计算机、计算机网络或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，计算机指令从一个网站站点、计算机、服务器或者数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、微波等)方式向另外一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质(例如软盘、硬盘、磁带等)、光介质(例如DVD)或者半导体介质(例如固态硬盘)等。
需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本发明的具体实施方式，使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。

Claims (9)

1.一种图元高亮显示方法，其特征在于，包括：
确定目标图纸中鼠标点击位置对应的图元唯一标识；
获取所述目标图纸中具有所述图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；
渲染获取的所述各元素，并进行高亮显示；
其中，所述确定目标图纸中鼠标点击位置对应的图元唯一标识，包括：
当获取到所述鼠标点击位置对应的第一像素信息时，确定所述鼠标点击位置对应选中任一所述元素；
解析所述第一像素信息对应元素的顶点信息，得到选中的所述元素的图元唯一标识。
2.根据权利要求1所述的图元高亮显示方法，其特征在于，所述确定目标图纸中鼠标点击位置对应的图元唯一标识，包括：
当未获取到所述鼠标点击位置对应的第一像素信息时，获取所述鼠标点击位置对应预设范围内的图元唯一标识；
确定所述预设范围内的图元唯一标识，为所述鼠标点击位置对应的图元唯一标识。
3.根据权利要求2所述的图元高亮显示方法，其特征在于，所述当未获取到所述鼠标点击位置对应的第一像素信息时，获取所述鼠标点击位置对应预设范围内的图元唯一标识，包括：
当未获取到所述鼠标点击位置对应的第一像素信息时，获取所述预设范围内距离所述鼠标点击位置最近的元素；
获取距离所述鼠标点击位置最近的元素的第二像素信息；
根据预设的像素信息与图元唯一标识的第一对应关系，得到所述第二像素信息对应的图元唯一标识；
确定所述第二像素信息对应的图元唯一标识，为所述预设范围内的图元唯一标识。
4.根据权利要求1-3任一项所述的图元高亮显示方法，其特征在于，所述获取所述目标图纸中具有所述图元唯一标识的各元素，包括：
将所述鼠标点击位置对应的图元唯一标识在对象库中进行匹配，得到具有所述图元唯一标识的各顶点信息，所述对象库存储有图元唯一标识和顶点信息的第二对应关系；
根据所述各顶点信息，得到所述目标图纸中具有所述图元唯一标识的各元素。
5.根据权利要求3所述的图元高亮显示方法，其特征在于，所述渲染获取的所述各元素，并进行高亮显示之前，还包括：
获取所述各元素对应的中间颜色值，并利用所述中间颜色值对得到的所述图元唯一标识的各元素进行渲染；
所述渲染获取的所述各元素，并进行高亮显示，包括：
以第一颜色值对所述各元素的所述中间颜色值进行渲染，以使所述各元素进行高亮显示。
6.根据权利要求1所述的图元高亮显示方法，其特征在于，所述顶点信息包括：所述选中的元素位置信息，和所述选中的元素的图元唯一标识。
7.一种图元高亮显示装置，其特征在于，包括：
确定模块，用于确定目标图纸中鼠标点击位置对应的图元唯一标识；
获取模块，用于获取所述目标图纸中具有所述图元唯一标识的各元素，其中，一个元素对应一个图元唯一标识，且，同一图元中的元素的图元唯一标识一致；
渲染模块，用于渲染获取的所述各元素，并进行高亮显示；
其中，所述确定目标图纸中鼠标点击位置对应的图元唯一标识，包括：
当获取到所述鼠标点击位置对应的第一像素信息时，确定所述鼠标点击位置对应选中任一所述元素；
解析所述第一像素信息对应元素的顶点信息，得到选中的所述元素的图元唯一标识。
8.一种电子设备，其特征在于，包括：处理器、存储器和通信总线，其中，处理器和存储器通过通信总线完成相互间的通信；
所述存储器，用于存储计算机程序；
所述处理器，用于执行所述存储器中所存储的程序，实现权利要求1-6任一项所述的图元高亮显示方法。
9.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-6任一项所述的图元高亮显示方法。
CN202110442396.5A 2021-04-23 2021-04-23 图元高亮显示方法、装置、设备及存储介质 Active CN113204296B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110442396.5A CN113204296B (zh) 2021-04-23 2021-04-23 图元高亮显示方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110442396.5A CN113204296B (zh) 2021-04-23 2021-04-23 图元高亮显示方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
CN113204296A CN113204296A (zh) 2021-08-03
CN113204296B true CN113204296B (zh) 2023-04-18

Family

ID=77028119

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110442396.5A Active CN113204296B (zh) 2021-04-23 2021-04-23 图元高亮显示方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN113204296B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115686314B (zh) * 2022-10-12 2024-09-24 广州中望龙腾软件股份有限公司 基于光标的对象高亮方法、智能终端以及存储介质
CN116700545B (zh) * 2023-08-05 2023-12-08 深圳中柏科技有限公司 一种光标选定对象的高亮方法、系统、终端及存储介质

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102289537B (zh) * 2011-06-20 2012-12-12 南京航空航天大学 一种复杂结构件多体特征识别方法
CN104732192B (zh) * 2013-12-23 2018-02-23 中国移动通信集团设计院有限公司 一种建筑图纸墙体识别方法和装置
CN105426372B (zh) * 2014-09-17 2020-10-16 阿里巴巴（中国）有限公司 一种电子地图数据制作及更新方法和装置
CN107045526B (zh) * 2016-12-30 2020-04-14 许昌学院 一种电子建筑施工图的图形识别方法
EP3593263A4 (en) * 2017-03-10 2020-12-30 Patco LLC INTELLIGENT PLANS
CN108268743B (zh) * 2018-02-09 2021-02-02 广州大学 基于建筑图纸的井自动识别方法及系统
CN110860082B (zh) * 2019-11-20 2023-04-07 网易（杭州）网络有限公司 识别方法、装置、电子设备及存储介质
CN111273905B (zh) * 2020-01-17 2023-04-18 南京大学 基于界面草图的应用检索方法和装置
CN111611936B (zh) * 2020-05-22 2021-05-14 青矩技术股份有限公司 一种cad图纸中相似矢量图的自动识别系统

Also Published As

Publication number Publication date
CN113204296A (zh) 2021-08-03

Similar Documents

Publication Publication Date Title
WO2019085083A1 (zh) 控件匹配方法、装置、计算机设备和存储介质
CN113204296B (zh) 图元高亮显示方法、装置、设备及存储介质
CN113205580A (zh) 图元渲染方法、装置、设备及存储介质
CN113392246B (zh) 一种图纸显示方法、装置、存储介质和电子设备
CN114443577A (zh) 图纸处理方法、装置、设备及存储介质
CN108304839A (zh) 一种图像数据处理方法以及装置
CN111596848A (zh) 一种界面取色方法、装置、设备及存储介质
US10403040B2 (en) Vector graphics rendering techniques
CN110069254B (zh) 文本显示方法、装置及服务器
CN113837194B (zh) 图像处理方法、图像处理装置、电子设备以及存储介质
JP2014186392A (ja) 画像処理装置及びプログラム
CN110825303A (zh) 一种交互方法、装置、终端及计算机可读介质
CN117788609A (zh) 界面图元的拾取方法、装置、设备及存储介质
EP4030373A1 (en) Object comparison method, and device
CN113204297B (zh) 图元中元素的选择方法、装置、电子设备和存储介质
AU2015264474A1 (en) Systems and methods for programming behavior of a website to respond to capabilities of different devices
CN111402366A (zh) 一种文字渲染方法、装置、电子设备及存储介质
CN113205578B (zh) 图层处理方法、图层渲染方法及相关设备
CN111127592A (zh) 一种图片填色方法、装置、电子设备及可读存储介质
CN113298687B (zh) 一种水印图像添加方法和装置
CN116303723A (zh) 一种信息处理方法及装置
CN110895699A (zh) 用于处理图像的特征点的方法和装置
CN112116719B (zh) 三维场景中对象的确定方法、装置、存储介质和电子设备
WO2020125014A1 (zh) 一种信息处理方法、服务器、终端及计算机存储介质
CN114693955A (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
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20230625

Address after: A601, Zhongke Naneng Building, No. 06 Yuexing 6th Road, Gaoxin District Community, Yuehai Street, Nanshan District, Shenzhen City, Guangdong Province, 518063

Patentee after: Shenzhen Wanyi Digital Technology Co.,Ltd.

Address before: 519085 room 105-24914, No.6 Baohua Road, Hengqin New District, Zhuhai City, Guangdong Province (centralized office area)

Patentee before: WANYI TECHNOLOGY Co.,Ltd.