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

kingrome2009

于 2023-06-18 10:06:15 发布

阅读量621

点赞数

分类专栏： jointjs 文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/kingrome2017/article/details/131268798

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

在这里插入图片描述

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