# vue-mxgraph-example

**Repository Path**: npf/vue-mxgraph-example

## Basic Information

- **Project Name**: vue-mxgraph-example
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-03-25
- **Last Updated**: 2024-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img width="200" src="http://picture.lanniu.top/vue-mxgraph.png">
</p>

<h1 align="center">
  <a href="https://demo.mxgraph.lanniu.top" target="_blank">vue mxGraph example</a>
</h1>

![image](http://picture.lanniu.top/gitTool.gif)

[English](./README.md) | 简体中文

## 特性

* 提供vue下mxGraph的示例程序，帮你快速上手。
* 现在只有几个简单的小例子，如果想看mxGraph什么Demo可以给我提issue，或者直接通过下面的方式联系我。

## 已完成的 Demo

<table>
  <tr>
    <td>联级删除</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/cascadeDelete" target="_blank">在线查看</a></td>
    <td></td>
  </tr>
  <tr>
    <td>工具箱</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/toolbar" target="_blank">在线查看</a></td>
    <td></td>
  </tr>
  <tr>
    <td>自定义工具箱</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/customToolbar" target="_blank">在线查看</a></td>
    <td><a href="./doc/customToolbar_design_zh_cn.md">设计说明</a></td>
  </tr>
  <tr>
    <td>模板工具箱</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/stencilToolbar" target="_blank">在线查看</a></td>
    <td></td>
  </tr>
  <tr>
    <td>HTML标签</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/htmlLabel" target="_blank">在线查看</a></td>
    <td></td>
  </tr>
  <tr>
    <td>连线样式</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/edgeStyle" target="_blank">在线查看</a></td>
    <td></td>
  </tr>
  <tr>
    <td>自定义连接点</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/customConnectionConstraints" target="_blank">在线查看</a></td>
    <td></td>
  </tr>
  <tr>
    <td>手动绘图</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/manualDrawing" target="_blank">在线查看</a></td>
    <td></td>
  </tr>
  <tr>
    <td>组编辑</td>
    <td><a href="https://demo.mxgraph.lanniu.top/#/groupEditor" target="_blank">在线查看</a></td>
    <td></td>
  </tr>
</table>

## 联系方式
* 微信： **lanniu770314**
* 邮箱： **271067929@qq.com**