一种基于制造技术

本发明专利技术提供一种基于

【技术实现步骤摘要】
一种基于Antv/X6的TRIZ绘图实现方法


[0001]本专利技术涉及计算机科学领域，尤其涉及一种基于
Antv/X6
的
TRIZ
绘图实现方法
。

技术介绍

[0002]TRIZ
理论是分析了世界近
250
万份高水平的专利技术专利，总结出各种技术发展进化遵循的规律模式，以及解决各种技术矛盾和物理矛盾的创新原理和法则，建立一个由解决技术，实现创新开发的各种方法
、
算法组成的综合理论体系，并综合多学科领域的原理和法则，建立起
TRIZ
理论体系
。TRIZ
理论的强大作用正在于它为人们创造性地发现问题和解决问题提供了系统的理论和方法工具
。
[0003]在
TRIZ
理论分析问题过程中，需要绘制分析模型，分析模型中常会包括使用不同的线型代表模型中的效应；通常有效作用使用实线绘制；不足作用使用虚线绘制；有害作用使用波浪线或折线绘制；但是现有的绘制
TRIZ
模型的插件或工具没有针对
TRIZ
建模所需的快速绘图的能力，市面上插件或工具没有波浪线和折线的绘制，在绘制波浪线或者折线时需要一笔一笔的画出
。

技术实现思路

[0004]本专利技术的目的是为了解决现有技术中存在的缺点，而提出的一种基于
Antv/X6
的
TRIZ
绘图实现方法
。
[0005]为实现上述目的，本专利技术采用了如下技术方案：一种基于
Antv/X6
的
TRIZ
绘图实现方法，包括绘图工具页面；绘图页面包括元素控件
、
画布；元素控件包括图形和连接线，所述图形包括矩形
、
圆形
、
六边形
、
椭圆形等，所述连接线包括直线
、
虚线
、
波浪线等；包括以下步骤：
S1
：打开绘图工具页面；
S2
：绘制初始物场模型；绘制图形：拖拽选中元素控件的图形，通过调用画布的绘制函数，将图形对象绘制到画布上；将当前的所需要绘制模型用到的图形节点与线节点通过传参的方式透传给画布；图形节点包括圆形
、
矩形
、
多边形；线节点是指用于图形节点连接的线，包括直线
、
波浪线
、
虚线
、
箭头直线；所述图形节点上具有连线桩
。
[0006]绘制初始物场模型：根据需要在画布上绘制图形节点和线节点，构成最终的初始物场模型；初始物场模型具体的绘制过程包括计算图形的位置
、
旋转角度
、
缩放比例，然后将图形节点的连线桩通过连接线连接起来，形成完整的初始物场模型；初始物场模型中的线节点的类型默认为直线；
S3
：选中直线，响应生成波浪线的操作，生成波浪线；
S31
：选择直线；
S32
：响应选择波浪线的元素控件的操作，注册波浪线连接器；
调用
registerConnector
函数，注册一个波浪线连接器，指定波浪线连接器的参数；
S33
：计算波浪线路径；
S34
：渲染波浪线
。
[0007]进一步的，步骤
S2
包括：
S21
：计算图形的位置；
S211
：通过图形对象的
position()
方法来获取图形对象的起始点和目标点的坐标；
S212
：根据坐标计算图形的中心点坐标，即将起始点和目标点的
x
坐标和
y
坐标分别相加并除以2；
S213:
将中心点坐标赋值给图形对象的位置属性
position()
方法；
S22
：计算旋转角度；
S221
：使用
source()
和
target()
方法来获取连接线的起始点和目标点的坐标；
S222
：然后使用
rotation()
方法来设置连接线的旋转角度
S23
：计算缩放比例；
S231
：通过图形对象的
position()
方法来获取图形对象的起始点和目标点的坐标；
S232
：根据图形对象的起始点和目标点的坐标计算图形的宽度和高度；
S233
：根据图形的宽度和高度与原始宽度和高度的比例来计算缩放比例；
S234
：将计算出的缩放比例赋值给图形对象的缩放属性
scale()
方法；
S24
：连接图形，形成初始物场模型；将画布上绘制的各图形节点的连线桩通过直线进行连接，构成完整的初始物场模型
。
[0008]进一步的，
Antv/X6
编辑引擎监听用户的交互事件，对用户的交互事件进行处理，根据不同的事件类型，调用相应的处理函数；交互事件包括鼠标点击
、
拖拽
、
缩放
。
[0009]进一步的，用户点击直线切换为波浪线时，通过监听点击事件，获取用户选择的直线对象，获取直线对象的相关参数，直线对象的相关参数包括直线的起始点
、
目标点
、
长度
、
角度
。
[0010]进一步的，步骤
S33
具体包括：
S331:
使用
sourcePoint、targetPoint
方法来获取连接线的起始点和目标点的坐标；
S332:
使用
path
类来计算波浪线的路径；获取到起始点，目标点，顶点数组和波浪线连接器的参数；
1、
将传入的顶点数组和目标点合并为一个新的点数组 points
，并将每个点转换为 Point 对象；
2、
在画布上创建一个 Point 对象，定义为上一个点
prev
，上一个点
prev
初始值为起始点；
3、
创建一个新的路径对象 path
，用于存储绘制波浪线的路径；
4、
使用路径对象的 appendSegment 方法，添加一个起始点的段，使用 "M" 命令
表示移动到目标点；
5、
循环遍历数组 points
，从第一个顶点数组开始，依次绘制波浪线的曲线段和直线段；
S333:
使用贝塞尔曲线方法绘制波浪线；进一步的，还包括： 5.1、
在点数组 points
中获取当前遍历到的点定义为下一个点
next ；本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于
Antv/X6
的
TRIZ
绘图实现方法，其特征在于：包括绘图工具页面；绘图页面包括元素控件
、
画布；元素控件包括图形和连接线，所述图形包括矩形
、
圆形
、
六边形
、
椭圆形，所述连接线包括直线
、
虚线
、
波浪线；包括以下步骤：
S1
：打开绘图工具页面；
S2
：绘制初始物场模型；绘制图形：拖拽选中元素控件的图形，通过调用画布的绘制函数，将图形对象绘制到画布上；将当前的所需要绘制模型用到的图形节点与线节点通过传参的方式透传给画布；图形节点包括圆形
、
矩形
、
多边形；线节点是指用于图形节点连接的线，包括直线
、
波浪线
、
虚线
、
箭头直线；所述图形节点上具有连线桩；绘制初始物场模型：根据需要在画布上绘制图形节点和线节点，构成最终的初始物场模型；初始物场模型具体的绘制过程包括计算图形的位置
、
旋转角度
、
缩放比例，然后将图形节点的连线桩通过连接线连接起来，形成完整的初始物场模型；初始物场模型中的线节点的类型默认为直线；
S3
：选中直线，响应生成波浪线的操作，生成波浪线；
S31
：选择直线；
S32
：响应选择波浪线的元素控件的操作，注册波浪线连接器；调用
registerConnector
函数，注册一个波浪线连接器，指定波浪线连接器的参数；
S33
：计算波浪线路径；
S34
：渲染波浪线
。2.
如权利要求1所述的一种基于
Antv/X6
的
TRIZ
绘图实现方法，其特征在于：步骤
S2
包括：
S21
：计算图形的位置；
S211
：通过图形对象的
position()
方法来获取图形对象的起始点和目标点的坐标；
S212
：根据坐标计算图形的中心点坐标，即将起始点和目标点的
x
坐标和
y
坐标分别相加并除以2；
S213:
将中心点坐标赋值给图形对象的位置属性
position()
方法；
S22
：计算旋转角度；
S221
：使用
source()
和
target()
方法来获取连接线的起始点和目标点的坐标；
S222
：然后使用
rotation()
方法来设置连接线的旋转角度
S23
：计算缩放比例；
S231
：通过图形对象的
position()
方法来获取图形对象的起始点和目标点的坐标；
S232
：根据图形对象的起始点和目标点的坐标计算图形的宽度和高度；
S233
：根据图形的宽度和高度与原始宽度和高度的比例来计算缩放比例；
S234
：将计算出的缩放比例赋值给图形对象的缩放属性
scale()
方法；
S24
：连接图形，形成初始物场模型；将画布上绘制的各图形节点的连线桩通过直线进行连接，构成完整的初始物场模型
。3.
如权利要求1所述的一种基于
Antv/X6
的
TRIZ
绘图实现方法，其特征在于：
Antv/X6
编辑引擎监听用户的交互事件，对用户的交互事件进行处理，根据不同的事件类型，调用相应
的处理函数；交互事件包括鼠标点击
、
拖拽
、
缩放
。4.
如权利要求3所述的一种基于
Antv/X6
的
TRIZ
绘图实现方法，其特征在于：用户点击直线切换为波浪线时，通过监听点击事件，获取用户选择的直线对象，获取直线对象的相关参数，直线对象的相关参数包括直线的起始点
、
目标点
、
长度
、
...

【专利技术属性】
技术研发人员：杨松贵，刘丹，
申请(专利权)人：南京维拓科技股份有限公司，
类型：发明
国别省市：