# x61.x

**Repository Path**: itmanvip/x61.x

## Basic Information

- **Project Name**: x61.x
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-01
- **Last Updated**: 2025-12-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# X6 图形编辑器

基于 Vue2 + Ant Design + X6 的图形编辑器，支持节点拖拽、连线、自动布局等功能。

## 功能特性

- ✅ 节点拖拽和连线
- ✅ 多种连线类型（直线、曲线、折线）
- ✅ 端口连接验证
- ✅ 撤销/重做功能
- ✅ 画布缩放和平移
- ✅ 元素选择和删除
- ✅ 导出功能（SVG、PNG、JPEG）
- ✅ 自动布局算法
- ✅ 连线中间插入节点
- ✅ 小地图预览和导航

## 新增功能

### 小地图 (MiniMap)
- 在画布右上角显示小地图预览
- 支持通过小地图视口平移和缩放画布
- 小地图中只显示节点，隐藏连线以减少干扰
- 使用简化的节点视图，提高性能
- 按照[X6官方文档](https://x6.antv.vision/zh/docs/tutorial/basic/minimap)实现

## 技术栈

- Vue 2.x
- Ant Design Vue 1.x
- AntV X6 1.x
- Webpack

## 开发

```bash
npm install
npm run dev
```

## 构建

```bash
npm run build
```