[发明专利]一种可编辑ER图生成方法和装置

权利要求书

1.一种可编辑ER图生成方法，其特征在于，包括：

使用Vue监听使用者在G6框架中对ER图的操作，并基于所述操作计算渲染内容；

Vue根据所述渲染内容使用SVG矢量图对ER图进行渲染，形成更新后的ER图，所述SVG矢量图组装于所述G6框架中。

2.根据权利要求1所述的可编辑ER图生成方法，其特征在于，所述使用Vue监听使用者在G6框架中对ER图的操作，并基于所述操作计算渲染内容，包括：

Vue监听使用者在所述G6框架中对ER图的操作；

针对所述操作对Vue计算得到的数组进行更新，以更新后的所述数组作为渲染内容。

3.根据权利要求2所述的可编辑ER图生成方法，其特征在于，Vue根据所述渲染内容使用SVG矢量图对ER图进行渲染，形成更新后的ER图，包括：

Vue将所述更新后的数组发送至SVG矢量图，由SVG矢量图根据所述更新后的数组对所述ER图进行渲染。

4.根据权利要求1所述的可编辑ER图生成方法，其特征在于，所述操作为添加操作；

所述使用Vue监听使用者在G6框架中对ER图的操作，并基于所述操作计算渲染内容；Vue根据所述渲染内容使用SVG矢量图对ER图进行渲染，形成更新后的ER图，包括：

Vue监听使用者利用SVG矢量图内置图形或/和颜色对ER图的操作；

当所述操作为添加图形时，获取所述图形的形状以及放置位置，根据所述图形的形状和放置位置确定渲染内容，利用SVG矢量图渲染得到的图形形状和放置位置；

当所述操作为添加颜色时，获取所述颜色值以及添加的图形的位置，根据所述图形的位置判断所述待添加颜色的图形是否有文字，如果有文字，渲染结果为将所述颜色值对应的颜色覆盖至所述待添加颜色的图形，并将所述文字设置于所述背景颜色之上，如果没有文字，则渲染结果为直接将所述颜色值对应的颜色覆盖至所述待添加颜色的图形。

5.根据权利要求1所述的可编辑ER图生成方法，其特征在于，所述操作为滚动或缩放操作；

所述使用Vue监听使用者在G6框架中对ER图的操作，并基于所述操作计算渲染内容；Vue根据所述渲染内容使用SVG矢量图对ER图进行渲染，形成更新后的ER图，包括：

Vue利用SVG矢量图内部的name以及x轴，y轴属性，监听使用者操作的具体位置，确定操作针对的节点；

当所述操作的具体位置为节点内部时，执行滚动操作；

当所述操作的具体位置不在任意节点内部时，执行缩小或放大操作。

6.根据权利要求1所述的可编辑ER图生成方法，其特征在于，所述操作为删除或拖动操作；

所述使用Vue监听使用者在G6框架中对ER图的操作，并基于所述操作计算渲染内容；Vue根据所述渲染内容使用SVG矢量图对ER图进行渲染，形成更新后的ER图，包括：

Vue利用SVG矢量图内部的name以及x轴，y轴属性，监听使用者操作的具体位置，确定操作针对的目标节点；

当所述操作的具体位置为目标节点的按钮上时，执行删除操作；

当所述操作的具体位置不在目标节点的按钮上时，执行拖动操作。

7.一种可编辑ER图生成装置，其特征在于，包括：

监听单元，用于使用Vue监听使用者在G6框架中对ER图的操作，并基于所述操作计算渲染内容；

渲染单元，用于Vue根据所述渲染内容使用SVG矢量图对ER图进行渲染，形成更新后的ER图，所述SVG矢量图组装于所述G6框架中。

8.根据权利要求7所述的可编辑ER图生成装置，其特征在于，所述监听单元，包括：

监听子单元，用于通过Vue监听使用者在所述G6框架中对ER图的操作；

更新子单元，用于针对所述操作对Vue计算得到的数组进行更新，以更新后的所述数组作为渲染内容。

9.根据权利要求8所述的可编辑ER图生成装置，其特征在于，所述渲染单元，包括：

渲染子单元，用于通过Vue将所述更新后的数组发送至SVG矢量图，由SVG矢量图根据所述更新后的数组对所述ER图进行渲染。