一种基于SVG的可配置生成电路图的方法及系统技术方案

本发明专利技术提供一种基于SVG的可配置生成电路图的方法及系统，其中方法包括：利用JavaScript中调用document.createElement()创建SVG元素，并通过调用Attribute中的set和get方法对SVG元素的属性进行设置和获取；利用element

【技术实现步骤摘要】
一种基于SVG的可配置生成电路图的方法及系统


[0001]本专利技术涉及模拟仿真
，特别涉及一种基于SVG的可配置生成电路图的方法及系统。

技术介绍

[0002]目前，SVG全称是Scalable Vector Graphics，是一种可缩放的向量图形，包括向量图形、位图和文本。它在电气工程和电力系统领域中得到广泛的应用，尤其是在电路设计和模拟、电力系统设计和模拟等。
[0003]现有技术CN115408968A提供了一种基于SVG虚拟电路的构建方法及系统，利用SVG构建虚拟电路无法对电路元器件之间的动态交互进行准确仿真的技术问题，从而实现降低真实电路与虚拟电路间运行效果差异的目的。但只是对虚拟电路进行绘制和仿真，没有对虚拟电路进行检测。

技术实现思路

[0004]本专利技术目的之一在于提供了一种基于SVG的可配置生成电路图的方法，对电路元器件的端点的属性进行配对并自动连接，从而快速输出电路图；同时对生成的电路图进行检验，对错误的电路图提示用户进行修正。
[0005]本专利技术目的之一还提供了一种基于SVG的可配置生成电路图的系统。
[0006]本专利技术提供了一种基于SVG的可配置生成电路图的方法，包括：
[0007]利用JavaScript中调用document.createElement()创建SVG元素，并通过调用Attribute中的set和get方法对SVG元素的属性进行设置和获取；
[0008]利用element
‑
plus组件中的组件绘制工具绘制图元后，并向图元添加SVG元素；
[0009]对绘图区中已添加SVG元素的图元设置事件以及事件被触发后的结果，并对已添加SVG元素的图元进行渲染；
[0010]已添加SVG元素的图元获取触发指令，触发设定的事件和结果从而实现电路元素的交互功能。
[0011]优选地，还包括对已添加SVG元素的图元进行自动连接并根据图元之间的连接关系和SVG元素中设置的属性生成电路图并输出；
[0012]其中，所述对已添加SVG元素的图元进行自动连接并根据图元之间的连接关系和SVG元素中设置的属性生成电路图并输出，包括：
[0013]采集电路元器件与SVG元素的属性之间的功能对应关系以及电路元器件之间的连接关系，创建图元数据库；
[0014]对SVG元素的图元进行解析，得到SVG元素的属性，根据创建的图元数据库和SVG元素的属性，将SVG元素的图元转化成可旋转的电路元器件并进行自动对齐和放大缩小；
[0015]根据电路元器件之间的连接关系，对电路元器件的端点的属性进行配对并自动连接，得到初始电路图；
[0016]对生成的初始电路图进行检验并修正，输出最终的电路图。
[0017]优选地，所述根据电路元器件之间的连接关系，对电路元器件的端点的属性进行配对并自动连接，得到初始电路图，包括：
[0018]获取电路元器件的端点的坐标，确定起始电路元器件的起始端点的坐标和终止电路元器件的终止端点的坐标；
[0019]根据起始电路元器件的起始端点的坐标和下一个电路元器件的终止端点的坐标，构建一个向量，所述向量连接起始端点和终止端点的，方向为从起始端点指向终止端点；
[0020]所有电路元器件构建成多个向量，判断多个向量是否相交，若多个向量之间互不相交，则向量变换成导线，从而所有电路元器件和导线组成初始电路图；
[0021]若多个向量之间有相交，则选择其中与其他向量相交的交点最少的向量，将交点最少的向量变换成直折导线，所述直折导线绕开原来的交点和其他向量；并依次选择下一个交点最少的向量，下一个交点最少的向量变换成下一个直折导线，所述下一个直折导线绕开原来的交点和其他剩余的向量，至到所有的向量变换成互不相交的直折导线，所有电路元器件、直折导线组成初始电路图。
[0022]优选地，还包括对生成的初始电路图进行检验并修正，输出最终的电路图；
[0023]其中，所述对生成的初始电路图进行检验并修正，输出最终的电路图，包括：
[0024]先选取电路图的一点为初始起点，设定初始起点的电势为0,根据电路顺时针方向计算每个电路元器件的各个端点的电势，形成各个端点的矩阵；
[0025]通过每个电路元器件每个端点的电势确定每个电路元器件的电流方向，得到表示电流方向的单位向量矩阵；
[0026]对每个电路元器件相互连接的端点的电势进行判断，若相互连接的端点电势不相等，则提示用户对电路图中的电路元器件进行复核修正；
[0027]若相互连接的端点电势相等，再计算单位向量矩阵与电路端点连接处的单位向量的标量积，若单位向量阵与电路端点连接处的单位向量的标量积小于1，则提示用户对电路图中的电路元器件进行复核修正；
[0028]若向量阵与电路端点连接处的单位向量的标量积等于1，则得到最终的电路图，提示用户电路图正确并将最终的电路图进行输出。
[0029]优选地，所述对绘图区中已添加SVG元素的图元设置事件以及事件被触发后的结果，并对已添加SVG元素的图元进行渲染，包括：
[0030]对绘图区中已添加SVG元素的图元设置事件以及事件触发后的结果；
[0031]选择第q个已添加SVG元素的图元，根据下一时刻的位置，求出第q个图元的坐标变化函数；
[0032]第q个已添加SVG元素的图元进行滤镜处理以及遮罩处理，得到渲染后的第q个已添加SVG元素的图元。
[0033]本专利技术提供了一种基于SVG的可配置生成电路图的系统，包括：
[0034]创建SVG模块，用于在JavaScript中调用document.createElement()创建SVG元素，并通过调用Attribute中的set和get方法对SVG元素的属性进行设置和获取；
[0035]添加SVG模块，用于利用element
‑
plus组件中的组件绘制工具绘制图元后，并向图元添加SVG元素；
[0036]渲染模块，用于对绘图区中已添加SVG元素的图元设置事件以及事件被触发后的结果，并对已添加SVG元素的图元进行渲染；
[0037]触发模块，用于已添加SVG元素的图元获取触发指令，触发设定的事件和结果从而实现电路元素的交互功能。
[0038]优选地，还包括电路图生成模块，用于对已添加SVG元素的图元进行自动连接并根据图元之间的连接关系和SVG元素中设置的属性生成电路图并输出；
[0039]其中，所述电路图生成模块执行以下操作：
[0040]采集电路元器件与SVG元素的属性之间的功能对应关系以及电路元器件之间的连接关系，创建图元数据库；
[0041]对SVG元素的图元进行解析，得到SVG元素的属性，根据创建的图元数据库和SVG元素的属性，将SVG元素的图元转化成可旋转的电路元器件并进行自动对齐和放大缩小；
[0042]根据电路元器件之间的连接关系，对电路元器件的端点本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于SVG的可配置生成电路图的方法，其特征在于，包括：在JavaScript中调用document.createElement()方法创建SVG元素，并通过调用SVG元素中的set方法和get方法对SVG元素的属性进行设置；利用element
‑
plus组件中的组件添加进绘图区，并向所述绘图区添加SVG元素；对绘图区中已添加SVG元素的图元设置事件以及事件被触发后的结果，并对已添加SVG元素的图元进行渲染；已添加SVG元素的图元获取触发指令，触发设定的事件和结果从而实现电路元素的交互功能。2.根据权利要求1所述的基于SVG的可配置生成电路图的方法，其特征在于，还包括：对已添加SVG元素的图元进行自动连接并根据图元之间的连接关系和SVG元素中设置的属性生成电路图并输出；其中，所述对已添加SVG元素的图元进行自动连接并根据图元之间的连接关系和SVG元素中设置的属性生成电路图并输出，包括：采集电路元器件与SVG元素的属性之间的功能对应关系以及电路元器件之间的连接关系，创建图元数据库；对SVG元素的图元进行解析，得到SVG元素的属性，根据创建的图元数据库和SVG元素的属性，将SVG元素的图元转化成可旋转的电路元器件并进行自动对齐和放大缩小；根据电路元器件之间的连接关系，对电路元器件的端点的属性进行配对并自动连接，得到初始电路图。3.根据权利要求2所述的基于SVG的可配置生成电路图的方法，其特征在于，所述根据电路元器件之间的连接关系，对电路元器件的端点的属性进行配对并自动连接，得到初始电路图，包括：获取电路元器件的端点的坐标，确定起始电路元器件的起始端点的坐标和下一个电路元器件的终止端点的坐标；根据从起始电路元器件的起始端点的坐标和下一个电路元器件的终止端点的坐标，构建一个向量，所述向量连接起始端点和终止端点的，方向为从起始端点指向终止端点；所有电路元器件构建成多个向量，判断多个向量是否相交，若多个向量之间互不相交，则向量变换成导线，从而所有电路元器件和导线组成初始电路图；若多个向量之间有相交，则选择其中与其他向量相交的交点最少的向量，将交点最少的向量变换成直折导线，直折导线绕开原来的交点和其他向量；并依次选择下一个交点最少的向量，下一个交点最少的向量变换成下一个直折导线，所述下一个直折导线绕开原来的交点和其他剩余的向量，至到所有的向量变换成互不相交的直折导线，所有电路元器件、直折导线组成初始电路图。4.根据权利要求3所述的基于SVG的可配置生成电路图的方法，其特征在于，还包括：对生成的初始电路图进行检验并修正，输出最终的电路图；其中，所述对生成的初始电路图进行检验并修正，输出最终的电路图，包括：先选取电路图的一点为初始起点，设定初始起点的电势为0,根据电路顺时针方向计算每个电路元器件的各个端点的电势，基于电势形成各个端点的矩阵；通过每个电路元器件每个端点的电势确定每个电路元器件的电流方向，得到表示电流
方向的单位矢量矩阵；对每个电路元器件相互连接的端点的电势进行判断，若相互连接的端点电势不相等，则提示用户对电路图中的电路元器件进行复核修正；若相互连接的端点电势相等，再计算单位矢量矩阵与电路端点连接处的单位矢量的标量积，若单位矢量阵与电路端点连接处的单位矢量的标量积小于1，则提示用户对电路图中的电路元器件进行复核修正；若矢量阵与电路端点连接处的单位矢量的标量积等于1，则得到最终的电路图，提示用户电路图正确并将最终的电路图进行输出。5.根据权利要求1所述的基于SVG的可配置生成电路图的方法，其特征在于，所述对绘图区中已添加SVG元素的图元设置事件以及事件被触发后的结果，并对已添加SVG元素的图元进行渲染，包括：对绘图区中已添加SVG元素的图元设置事件以及事件触发后的结果；选择第q个已添加SVG元素的图元，根据下一时刻的位置，求出第q个图元的坐标变化函数；第q个已添加SVG元素的图元进行滤镜处理以及遮罩处理，得到渲染后的第q个已添加SVG元素的图元。6.根据权利要求2所述的基于SVG的可配置生成电路图的方法，其特征在于，所述对SVG元素的图元进行解析，得到SVG元素的属性，根据创建的图元数据库和SVG元素的属性，将SVG元素的图元转化成可旋转的电路元器件并进行自...

【专利技术属性】
技术研发人员：郑黎明，张晨，陈云鹏，邱生顺，刘德文，李晓波，陈娣，陈庆锋，
申请(专利权)人：三峡高科信息技术有限责任公司，
类型：发明
国别省市：