vue jointjs 拓扑图自定义shape 按需引入

最新推荐文章于 2024-09-02 20:49:30 发布

原创

最新推荐文章于 2024-09-02 20:49:30 发布 · 708 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #ecmascript

本文介绍了如何在Vue.js项目中使用JointJS库创建拓扑图，并展示了如何按需引入和自定义图形形状，提供了一个完整的代码示例链接。

只展示部分核心代码，完整代码见文章尾部连接

在这里插入图片描述

import 'jointjs/dist/joint.core.css';

// 类库 包含: Paper Graph Cell CellView Element Link 等等
import {
   
    dia } from 'jointjs/src/core.mjs';
// 样式库 包含多个分组(basic standard custom ...)
import * as standard from 'jointjs/src/shapes/standard.mjs';
import * as layout from 'jointjs/src/layout/index.mjs';
import * as highlighters from 'jointjs/src/highlighters/index.mjs'
import * as util from 'jointjs/src/util/util.mjs'
import * as linkTools from 'jointjs/src/linkTools/index.mjs'

export default {
   
   
	install: function