CN114419197A - 一种基于svg的功能定义系统、方法及计算机设备 - Google Patents

一种基于svg的功能定义系统、方法及计算机设备 Download PDF

Info

Publication number
CN114419197A
CN114419197A CN202111545268.XA CN202111545268A CN114419197A CN 114419197 A CN114419197 A CN 114419197A CN 202111545268 A CN202111545268 A CN 202111545268A CN 114419197 A CN114419197 A CN 114419197A
Authority
CN
China
Prior art keywords
svg
node
relation network
file
svg file
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.)
Granted
Application number
CN202111545268.XA
Other languages
English (en)
Other versions
CN114419197B (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.)
Beijing Likong Yuantong Technology Co ltd
Original Assignee
Beijing Likong Yuantong 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 Beijing Likong Yuantong Technology Co ltd filed Critical Beijing Likong Yuantong Technology Co ltd
Priority to CN202111545268.XA priority Critical patent/CN114419197B/zh
Publication of CN114419197A publication Critical patent/CN114419197A/zh
Application granted granted Critical
Publication of CN114419197B publication Critical patent/CN114419197B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
    • G06F16/81—Indexing, e.g. XML tags; Data structures therefor; Storage structures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites

Abstract

本发明公开了一种基于SVG的功能定义系统、方法及计算机设备，该系统包括：SVG配置模块，用于获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网，所述节点关系网用以表征所述目标对象中组成各部分之间的节点对应关系；浏览模块，用于展示获取到的所述SVG文件的节点关系网和对应节点的自定义配置信息，并基于所述节点关系网和自定义配置信息生成的可执行自定义脚本js文件在浏览器模式下动态渲染SVG节点内容。通过设定SVG配置模块提供视觉展示效果，浏览模块将SVG配置模块中的文件实现自定义配置并动态渲染SVG。

Description

一种基于SVG的功能定义系统、方法及计算机设备
技术领域
本发明涉及图像编辑技术领域，具体涉及一一种基于SVG的功能定义系统、方法及计算机设备。
背景技术
SVG标签是Html标签的一种，用来描述二维矢量图形，现有的图库生成组件的主要功能就是加载与SVG相关的静态或者非静态的html文件进行图形展示，但现有的图库生成组件在基于SVG进行图像编辑时，存在不能动态的修改动画内容的问题。
发明内容
因此，本发明要解决的技术问题在于克服现有的图库生成组件在基于SVG进行图像编辑时，不能动态的修改动画内容的缺陷，从而提供一种基于SVG的功能定义方法、系统、装置及计算机设备。
根据第一方面，本发明实施例公开了一种基于SVG的功能定义系统，包括：SVG配置模块，用于获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象中的各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系；浏览模块，用于获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。
可选地，所述SVG配置模块，包括：第一获取子模块，用于获取所述SVG文件；解析子模块，用于解析所述SVG文件，得到SVG文件的节点，基于所述SVG文件的节点进行遍历处理，得到所述SVG文件的节点关系网。
可选地，所述SVG配置模块，还包括：执行子模块，用于执行所述SVG节点功能，对所述目标对象形成SVG图像，并进行显示。
可选地，所述解析子模块用于执行以下步骤：读取所述SVG文件，得到所述SVG文件的节点，并基于所述节点得到对应的子节点；比较所述子节点的属性与预设形状元素的对应关系，基于所述对应关系进行整合得到整合后的元素；将所述整合后的元素添加到所述子节点中得到所述节点关系网。
可选地，所述浏览模块，包括：第二获取子模块，用于获取所述节点关系网；第二解析子模块，用于解析所述节点关系网，得到所述节点关系网的类型，基于所述节点关系网的类型生成所述浏览模块可识别的节点关系网；写入子模块，用于基于所述可识别节点关系网的存储模块进行自定义配置得到所述SVG节点功能。
可选地，所述写入子模块用于执行以下步骤：基于所述自定义配置生成所述自定义属性的可执行脚本；基于所述可执行脚本和可识别的节点关系网得到所述SVG节点功能。
根据第二方面，本发明实施例还公开了一种基于SVG的功能定义方法，包括：获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象的中的各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系；获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。
可选地，所述基于所述SVG文件得到所述SVG文件的节点关系网，包括：获取所述SVG文件；解析所述SVG文件，得到SVG文件的节点，基于所述SVG文件的节点进行遍历处理，得到所述SVG文件的节点关系网。
可选地，所述解析所述SVG文件，得到SVG文件的节点，基于所述SVG文件的节点进行遍历处理，得到所述SVG文件的节点关系网，包括：读取所述SVG文件，得到所述SVG文件的节点，并基于所述节点得到对应的子节点；比较所述子节点的属性与预设形状元素的对应关系，基于所述对应关系进行整合得到整合后的元素；将所述整合后的元素添加到所述子节点中得到所述节点关系网。
根据第三方面，本发明实施例还公开了一种计算机设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器执行如第二方面或第二方面任一可选实施方式所述的基于SVG的功能定义方法的步骤。
根据第四方面，本发明实施方式还公开了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第二方面或第二方面任一可选实施方式所述的基于SVG的功能定义方法的步骤。
本发明技术方案，具有如下优点：
本发明提供的基于SVG的功能定义系统、方法及计算机设备，该系统包括：SVG配置模块，用于获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象的中的各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系；浏览模块，用于获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。通过设定SVG配置模块，识别获取到的SVG文件的节点关系网，浏览模块可以将SVG配置模块中的节点关系网进行自定义配置信息的功能写入，实现了对SVG文件动态修改,并提供了很好的视觉展示效果。
附图说明
为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例中基于SVG的功能定义系统的一个具体示例的原理框图；
图2为本发明实施例中基于SVG的功能定义方法的一个具体示例的流程图；
图3为本发明实施例中计算机设备的一个具体示例图；
图4本发明实施例中基于SVG的功能定义系统的一个具体示例的示意图。
具体实施方式
下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
在本发明的描述中，需要说明的是，术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。此外，术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性。
在本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，还可以是两个元件内部的连通，可以是无线连接，也可以是有线连接。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。
此外，下面所描述的本发明不同实施方式中所涉及的技术特征只要彼此之间未构成冲突就可以相互结合。
本发明实施例公开了一种基于SVG的功能定义系统，如图1所示，该系统包括：
SVG配置模块101，用于获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象的中的各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系。
示例性地，SVG文件(Scalable Vector Graphics，简称SVG)为一种图像文件格式，为可缩放的矢量图形，SVG文件的节点关系网为SVG文件中的节点关系，可以根据节点关系网进行相应的自定义配置，目标对象为进行自定义配置的具体用户需求，SVG配置模块101可以是模板Html文件。
浏览模块102，用于获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。
示例性地，浏览模块102可以是Qt的QWebView模块。自定义配置信息可以是表征用户输入的一些操作指令，例如是鼠标相关动作如左键动作、右键动作、鼠标动作等；还包括表征文本显示相关的动作，例如是颜色相关动作如实体文本、条件、闪烁等；还可以是节点数值输入输出显示；其他还包括例如节点禁止、隐藏等属性。根据目标对象的自定义配置信息对上述SVG配置模块101中的节点关系网进行相应的功能配置，可在自定义配置的脚本中编辑多样化脚本内容，与SVG节点关系网配合形成指定的动作动画效果。SVG节点功能为进行上述自定义配置完成后的节点关系网，配置完成后的节点关系网中包含了自定义配置的功能信息。本发明实施例对自定义配置的具体形式和浏览模块102的具体形式不作限定，本领域技术人员可以根据实际需要确定。
本发明提供的基于SVG的功能定义系统，包括：SVG配置模块，用于获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象的中的各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系；浏览模块，用于获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。过设定SVG配置模块，识别获取到的SVG文件的节点关系网，浏览模块可以将SVG配置模块中的节点关系网进行自定义配置信息的功能写入，实现了对SVG文件动态修改,并提供了很好的视觉展示效果。
作为本发明一个可选实施方式，SVG配置模块101，包括：第一获取子模块，用于获取所述SVG文件；解析子模块，用于解析所述SVG文件，得到SVG文件的节点，基于所述SVG文件的节点进行遍历处理，得到所述SVG文件的节点关系网。示例性地，第一获取子模块用于在SVG配置模块101中进行SVG文件的获取，具体地，SVG配置模块101获取相应的SVG文件，通过浏览模块102的将SVG文件的文件路径传递给的SVG配置模块101，SVG配置模块101接收后将其追加到＜embed＞标签的src属性下，并渲染展示出SVG页面。将获取到的SVG文件由解析子模块进行解析，解析得到SVG文件的节点关系网，节点关系网可以是以树形结构进行展示，具体地，SVG配置模块101将得到的SVG文件进行循环遍历归纳整理得到SVG各元素的节点关系网json对象。
作为本发明一个可选实施方式，所述SVG配置模块101，还包括：执行子模块，用于执行所述SVG节点功能，对所述目标对象形成SVG图像，并进行显示。
示例性地，执行子模块用于对上述浏览模块102中的SVG节点功能进行展示，在浏览模块102根据自定义配置对解析后的节点关系网进行功能配置，配置完成后，需要发送至SVG配置模块101中的执行子模块进行功能显示，将目标对象中的关系进行直观的显示，并且对应的目标对应关系清晰可见，具体地，执行过程可以是SVG配置模块101通过document.write()将生成的自定义属性js脚本文件进行注入，执行js脚本文件中的自定义属性动作如鼠标动作、周期动作等。
其中，
1)鼠标动作：监测页面上对SVG元素的鼠标事件通过getElementById()匹配，执行相应节点的脚本动作，形成完整的运行动画。
2)周期动作:采用setInterval()周期运行，通过setAttribute()更新设置相应节点的元素属性。
作为本发明一个可选实施方式，所述解析子模块用于执行以下步骤：读取所述SVG文件，得到所述SVG文件的节点，并基于所述节点得到对应的子节点；比较所述子节点的属性与预设形状元素的对应关系，基于所述对应关系进行整合得到整合后的元素；将所述整合后的元素添加到所述子节点中得到所述节点关系网。
示例性地，解析子模块在解析SVG文件中的节点关系时，进行遍历读取SVG文件。节点和子节点为SVG文件的节点类型，SVG文件的节点包含二级节点，其中节点为一级节点，子节点为二级节点。子节点的属性为每一个对应的子节点可以进行编辑的预设形状元素的类型。预设形状元素可以是矩形<rect>、圆形<circle>、椭圆<ellipse>、线<line>、折线<polyline>、多边形<polygon>、路径<path>以及文本<text>、用于组合对象的容器元素<g>等。各级节点的读取方法，具体可以是对各个节点进行遍历，其中遍历时第一步找到源SVG的document(节点)对象，第二步通过document(节点)对象找到其下含的childNodes(子节点)对象，第三步比较childNodes(子节点)对象下各元素子节点的nodeName属性(预设形状元素的类型)，根据得到的子节点nodeName属性进行归纳整理，将对应关系中的自定义配置根据子节点nodeName属性进行写入，例如，如图4所示，当前节点id为text4635其元素属于text类型则拼接整理为text_text4635，并将解析出来的节点id text_text4635通过setAttribute注入到源SVG document对象中，等待js脚本对其做动画处理。本发明实施例预设形状元素的类型和数量不作限定，本领域技术人员可以根据实际需要确定。
作为本发明一个可选实施方式，所述浏览模块102，包括：第二获取子模块，用于获取所述节点关系网；第二解析子模块，用于解析所述节点关系网，得到所述节点关系网的类型，基于所述节点关系网的类型生成所述浏览模块可识别的节点关系网；写入子模块，用于基于所述可识别节点关系网的存储模块进行自定义配置得到所述SVG节点功能。
示例性地，第二获取子模块用于获取上述SVG配置模块101中的解析得到的SVG文件的节点关系网，获取到节点关系网之后由第二解析子模块解析对应的节点关系网，其中直接从SVG配置模块101中获取到的节点关系网是不可以直接读取的，需要第二解析子模块进行解析得到可以直接读取和写入的可识别节点关系网，由此写入子模块就可以根据解析子模块中的可识别节点关系网进行自定义配置的功能写入。
作为本发明一个可选实施方式，所述浏览模块102中的写入子模块用于执行以下步骤：基于所述自定义配置生成所述自定义属性的可执行脚本；基于所述可执行脚本和可识别的节点关系网得到所述SVG节点功能。示例性地，根据需要进行自定义配置的功能生成相应的可执行脚本，可执行脚本由浏览模块102依据SVG文件名和SVG配置模块101根据用户的自定义配置的脚本生成，用来保存配置的自定义属性信息。
本发明实施例还公开了一种基于SVG的功能定义方法，如图2所示，该方法包括：
步骤201：获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象的中的各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系。示例性地，详细内容见上述系统实施例中SVG配置模块101的内容，此处不再赘述。
步骤202：获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。示例性地，详细内容见上述系统实施例中浏览模块102的内容，此处不再赘述。
本发明提供的基于SVG的功能定义方法，获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象的中的各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系；获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。通过对SVG文件的节点进行功能编辑，可以对设定的功能提供很好的视觉展示效果。
作为本发明一个可选实施方式，步骤201，包括：获取所述SVG文件；解析所述SVG文件，得到SVG文件的节点，基于所述SVG文件的节点进行遍历处理，得到所述SVG文件的节点关系网。示例性地，详细内容见上述系统实施例中SVG配置模块101的内容，此处不再赘述。
作为本发明一个可选实施方式，步骤201，还包括：执行所述SVG节点功能，对所述目标对象形成SVG图像，并进行显示。示例性地，详细内容见上述系统实施例中SVG配置模块101的内容，此处不再赘述。
作为本发明一个可选实施方式，所述步骤201还包括，读取所述SVG文件，得到所述SVG文件的节点，并基于所述节点得到对应的子节点；比较所述子节点的属性与预设形状元素的对应关系，基于所述对应关系进行整合得到整合后的元素；将所述整合后的元素添加到所述子节点中得到所述节点关系网。示例性地，详细内容见上述系统实施例中SVG配置模块101的内容，此处不再赘述。
作为本发明一个可选实施方式，所述步骤202，包括：获取所述节点关系网；解析所述节点关系网，得到所述节点关系网的类型，基于所述节点关系网的类型生成所述浏览模块可识别的节点关系网；基于所述可识别节点关系网的存储模块进行自定义配置得到所述SVG节点功能。
示例性地，详细内容见上述系统实施例中浏览模块102的内容，此处不再赘述。
作为本发明一个可选实施方式，所述步骤202还包括：基于所述自定义配置生成所述自定义属性的可执行脚本；基于所述可执行脚本和可识别的节点关系网得到所述SVG节点功能。示例性地，详细内容见上述系统实施例中浏览模块102的内容，此处不再赘述。
本发明实施例还提供了一种计算机设备，如图3所示，该计算机设备可以包括处理器301和存储器302，其中处理器301和存储器302可以通过总线或者其他方式连接，图3中以通过总线连接为例。
处理器301可以为中央处理器(Central Processing Unit，CPU)。处理器301还可以为其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等芯片，或者上述各类芯片的组合。
存储器302作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序、非暂态计算机可执行程序以及模块，如本发明实施例中的基于SVG的功能定义方法对应的程序指令/模块。处理器301通过运行存储在存储器302中的非暂态软件程序、指令以及模块，从而执行处理器的各种功能应用以及数据处理，即实现上述方法实施例中的基于SVG的功能定义方法。
存储器302可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储处理器301所创建的数据等。此外，存储器302可以包括高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施例中，存储器302可选包括相对于处理器301远程设置的存储器，这些远程存储器可以通过网络连接至处理器301。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
所述一个或者多个模块存储在所述存储器302中，当被所述处理器301执行时，执行如图2所示实施例中的基于SVG的功能定义方法。
上述计算机设备具体细节可以对应参阅图2所示的实施例中对应的相关描述和效果进行理解，此处不再赘述。
本领域技术人员可以理解，实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)、随机存储记忆体(Random AccessMemory，RAM)、快闪存储器(Flash Memory)、硬盘(Hard Disk Drive，缩写：HDD)或固态硬盘(Solid-State Drive，SSD)等；所述存储介质还可以包括上述种类的存储器的组合。
虽然结合附图描述了本发明的实施例，但是本领域技术人员可以在不脱离本发明的精神和范围的情况下作出各种修改和变型，这样的修改和变型均落入由所附权利要求所限定的范围之内。

Claims (10)

1.一种基于SVG的功能定义系统，其特征在于，包括：
SVG配置模块，用于获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象中各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系；
浏览模块，用于获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。
2.根据权利要求1所述的系统，其特征在于，所述SVG配置模块，包括：
第一获取子模块，用于获取所述SVG文件；
解析子模块，用于解析所述SVG文件，得到SVG文件的节点，基于所述SVG文件的节点进行遍历处理，得到所述SVG文件的节点关系网。
3.根据权利要求2所述的系统，其特征在于，所述SVG配置模块，还包括：
执行子模块，用于执行所述SVG节点功能，对所述目标对象形成SVG图像，并进行显示。
4.根据权利要求2所述的系统，其特征在于，所述解析子模块用于执行以下步骤：
读取所述SVG文件，得到所述SVG文件的节点，并基于所述节点得到对应的子节点；
比较所述子节点的属性与预设形状元素的对应关系，基于所述对应关系进行整合得到整合后的元素；
将所述整合后的元素添加到所述子节点中得到所述节点关系网。
5.根据权利要求1所述的系统，其特征在于，所述浏览模块，包括：
第二获取子模块，用于获取所述节点关系网；
第二解析子模块，用于解析所述节点关系网，得到所述节点关系网的类型，基于所述节点关系网的类型生成所述浏览模块可识别的节点关系网；
写入子模块，用于基于所述可识别节点关系网的存储模块进行自定义配置得到所述SVG节点功能。
6.根据权利要求5所述的系统，其特征在于，所述写入子模块用于执行以下步骤：
基于所述自定义配置生成所述自定义属性的可执行脚本；
基于所述可执行脚本和可识别的节点关系网得到所述SVG节点功能。
7.一种基于SVG的功能定义方法，其特征在于，包括：
获取SVG文件，基于所述SVG文件得到所述SVG文件的节点关系网；所述SVG文件中的各节点对应于目标对象中的各组成部分，所述节点关系网用以表征所述目标对象中组成各部分之间的对应关系；
获取所述SVG文件的节点关系网和自定义配置信息，并基于所述节点关系网和自定义配置信息得到进行自定义配置后的SVG节点功能。
8.根据权利要求7所述的方法，其特征在于，所述基于所述SVG文件得到所述SVG文件的节点关系网，包括：
获取所述SVG文件；
解析所述SVG文件，得到SVG文件的节点，基于所述SVG文件的节点进行遍历处理，得到所述SVG文件的节点关系网；
所述解析所述SVG文件，得到SVG文件的节点，基于所述SVG文件的节点进行遍历处理，得到所述SVG文件的节点关系网，包括：
读取所述SVG文件，得到所述SVG文件的节点，并基于所述节点得到对应的子节点；
比较所述子节点的属性与预设形状元素的对应关系，基于所述对应关系进行整合得到整合后的元素；
将所述整合后的元素添加到所述子节点中得到所述节点关系网。
9.一种计算机设备，其特征在于，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器执行如权利要求7或8所述的基于SVG的功能定义方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求7或8所述的基于SVG的功能定义方法的步骤。
CN202111545268.XA 2021-12-15 2021-12-15 一种基于svg的功能定义系统、方法及计算机设备 Active CN114419197B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111545268.XA CN114419197B (zh) 2021-12-15 2021-12-15 一种基于svg的功能定义系统、方法及计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111545268.XA CN114419197B (zh) 2021-12-15 2021-12-15 一种基于svg的功能定义系统、方法及计算机设备

Publications (2)

Publication Number Publication Date
CN114419197A true CN114419197A (zh) 2022-04-29
CN114419197B CN114419197B (zh) 2023-03-24

Family

ID=81266996

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111545268.XA Active CN114419197B (zh) 2021-12-15 2021-12-15 一种基于svg的功能定义系统、方法及计算机设备

Country Status (1)

Country Link
CN (1) CN114419197B (zh)

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103577569A (zh) * 2013-10-31 2014-02-12 国家电网公司 基于svg技术实现psasp数据文件图形化的方法
CN106021396A (zh) * 2016-05-13 2016-10-12 国网辽宁省电力有限公司电力科学研究院 一种基于b/s架构的图形化展示scd配置文件的方法
CN107025258A (zh) * 2016-12-08 2017-08-08 阿里巴巴集团控股有限公司 一种数据可视化渲染方法和装置
CN107609175A (zh) * 2017-09-28 2018-01-19 华为技术有限公司 Dom树生成方法以及相关设备
CN109636887A (zh) * 2018-11-29 2019-04-16 北京宇航系统工程研究所 一种二维电子技术图纸格式转换及矢量化交互系统
CN109815327A (zh) * 2018-12-07 2019-05-28 南京中新赛克科技有限责任公司 一种基于svg的大数据知识图谱可视化解决方案
CN110245180A (zh) * 2019-06-14 2019-09-17 北京阿尔山金融科技有限公司 数据可视化展示方法和系统
CN111880892A (zh) * 2020-06-15 2020-11-03 中冶南方都市环保工程技术股份有限公司 一种基于svg技术的实时监测工业数据的方法
CN112966232A (zh) * 2021-03-12 2021-06-15 恩亿科(北京)数据科技有限公司 页面水印防篡改方法、系统、电子设备和可读存储介质
CN113158101A (zh) * 2020-12-31 2021-07-23 京东数字科技控股股份有限公司 一种可视化页面渲染方法、装置、设备及存储介质

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103577569A (zh) * 2013-10-31 2014-02-12 国家电网公司 基于svg技术实现psasp数据文件图形化的方法
CN106021396A (zh) * 2016-05-13 2016-10-12 国网辽宁省电力有限公司电力科学研究院 一种基于b/s架构的图形化展示scd配置文件的方法
CN107025258A (zh) * 2016-12-08 2017-08-08 阿里巴巴集团控股有限公司 一种数据可视化渲染方法和装置
CN107609175A (zh) * 2017-09-28 2018-01-19 华为技术有限公司 Dom树生成方法以及相关设备
CN109636887A (zh) * 2018-11-29 2019-04-16 北京宇航系统工程研究所 一种二维电子技术图纸格式转换及矢量化交互系统
CN109815327A (zh) * 2018-12-07 2019-05-28 南京中新赛克科技有限责任公司 一种基于svg的大数据知识图谱可视化解决方案
CN110245180A (zh) * 2019-06-14 2019-09-17 北京阿尔山金融科技有限公司 数据可视化展示方法和系统
CN111880892A (zh) * 2020-06-15 2020-11-03 中冶南方都市环保工程技术股份有限公司 一种基于svg技术的实时监测工业数据的方法
CN113158101A (zh) * 2020-12-31 2021-07-23 京东数字科技控股股份有限公司 一种可视化页面渲染方法、装置、设备及存储介质
CN112966232A (zh) * 2021-03-12 2021-06-15 恩亿科(北京)数据科技有限公司 页面水印防篡改方法、系统、电子设备和可读存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
张龙等: "GNETS:一种新的GML数据存储和查询机制", 《微电子学与计算机》 *

Also Published As

Publication number Publication date
CN114419197B (zh) 2023-03-24

Similar Documents

Publication Publication Date Title
KR101494844B1 (ko) 메타 데이터를 이용한 차트 변환 시스템 및 그 방법
US8381094B1 (en) Incremental visual comparison of web browser screens
CN109032917B (zh) 页面调试方法和系统、移动终端以及电脑端
CN113504908A (zh) 业务代码生成方法、装置、电子设备及计算机可读介质
CN111596913B (zh) 一种可视化组件框架编排方法及装置
WO2020118485A1 (en) Method of Detecting User Interface Layout Issues for Web Applications
CN114020256A (zh) 前端页面生成方法、装置、设备及可读存储介质
Ortiz et al. Improving device-aware Web services and their mobile clients through an aspect-oriented, model-driven approach
CN114417064A (zh) 数据处理方法、装置、计算机设备、存储介质
CN111078217A (zh) 脑图生成方法、装置和计算机可读存储介质
CN112287255B (zh) 页面构建方法及装置、计算设备、计算机可读存储介质
CN112905944A (zh) 页面在线动态生成方法、装置、电子设备和可读存储介质
CN114419197B (zh) 一种基于svg的功能定义系统、方法及计算机设备
CN113721910A (zh) 界面代码生成方法、装置、电子设备和计算机可读介质
CN115061690A (zh) 一种自动化代码生成方法以及装置
US20210397663A1 (en) Data reduction in a tree data structure for a wireframe
CN111768823B (zh) 基于svg元素医学表达式编辑方法、装置、设备和介质
CN114546578A (zh) 一种地图可视化方法、装置、系统及计算机程序产品
CN112068826B (zh) 文本输入的控制方法、系统、电子设备和存储介质
CN101706651A (zh) 一种基于svg的表示工业监测图形的方法
CN112527298B (zh) 基于基因型谱的军用软件管理数据显示方法及系统
CN116009863B (zh) 前端页面渲染方法、设备及存储介质
WO2011086610A1 (ja) 構造化文書を表示するためのコンピュータプログラム、方法、および情報処理装置
US11922113B2 (en) Systems, methods, and devices for e-mail rendering
Walsh Automatic Identification of Presentation Failures in Responsive Web Pages

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