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

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

插件名称:diagram-vue

发布时间:2020年6月2日

插件作者:pb10005

官网 演示 GitHub下载

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>
相关插件