Vue.js的SVG图组件 - diagram-vue

Vue.js的SVG图组件 - diagram-vue
插件名称 diagram-vue
发布时间 2020年6月2日
插件作者 pb10005

Vue组件库,用于创建基于SVG的图。

变更日志:

2020/09/01

  • v0.3.2

安装和下载:

# NPM
$ npm install diagram-vue --save

即用型编辑器

1.导入

import Diagram from 'diagram-vue';
import "diagram-vue/dist/diagram.css";

2.模板

<Diagram
    :width="2000"
    :height="1000"
    :fluid="false"
    scale="1"
    background="#fafafa"
    :nodes="nodes"
    :links="links"
    :editable="editable"
    :labels="{
        edit: 'Edit',
        remove: 'Remove',
        link: 'Link',
        select: 'Select',
        cancel: 'Cancel'
    }"
    @editNode="editNode"
    @editLink="editLink"
    @nodeChanged="nodeChanged"
    @linkChanged="linkChanged"
    >
</Diagram>