X6(图编辑引擎)v1.28.0 官方版

X6(图片编辑引擎)是一款非常强大的蚂蚁金服 AntV 其图形编辑引擎，其功能非常全面，软件内置了图形编辑场景的传统交互和设计，如组、链接桩、节点缩放、旋转、连接交互等，使用非常方便，感兴趣的朋友来下载。

基本简介

X6 是 AntV 其图形编辑引擎提供了一系列交互组件和简单易用的节点定制能力，方便我们快速构建 DAG 图、ER 应用程序如图纸、流程图等。

X6 在此基础上，我们完善了小地图、网格系统、对齐线、框选、redo/undo等。内置图片编辑场景的常规交互和设计，如群组、链接桩、节点缩放、旋转和连接交互，并提供基于 HTML 和 React 节点能力低成本定制。

功能介绍

快速上手，易于定制

提供基于低学习成本的基础 SVG/HTML/CSS 节点定制能力

组件齐全，开箱即用

内置 10 图片编辑场景的配套扩展，如框选、对齐线、小地图等

灵活，可扩展

通过注册机制，可以自由、灵活地扩展画布、节点、边缘、属性和工具

软件功能

1、提供基于低学习成本的基础 SVG/HTML/CSS 节点定制能力

2、内置 10 图片编辑场景的配套扩展，如框选、对齐线、小地图等

3、通过注册机制，可以自由、灵活地扩展画布、节点、边缘、属性和工具

4、Graph，在 X6 中，Graph 它是图纸的载体，它包含了图纸上的所有元素(节点、边缘等)。)，并挂载了图纸的相关操作(如交互监控、元素操作、渲染等)

5、基类 Cell：在 X6 的 Shape 一些基本图形内置在命名空间中，如 Rect、Edge、Circle 等等，这些图形最终都有共同的基类 Cell，定义了节点和边缘的共同属性和方法，如属性风格、可见性、业务数据等，在实例、定制风格、默认配置选项等方面也有相同的行

6、网格 Grid：网格是渲染/移动节点的最小单位。网格默认大小为 渲染节点时表示10px 10 最小单位对齐到网格

7、小地图 MiniMap：启用 Scroller 打开小地图后，小地图是完整画布的预览，支持通过平移缩放小地图的视角平移缩放画布。

软件特色

视图交互事件

在与应用程序交互时，通过鼠标、键盘或各种可交互组件触发事件，如单击节点 'node:click' 等。

使用工具 Tools

工具是渲染节点/边缘的小部件，用于增强节点/边缘的交互能力。我们为节点和边缘提供以下内置工具：

节点

button在指定位置渲染一个按钮，支持自定义按钮的点击交互。

button-remove在指定位置渲染删除按钮，点击时删除相应的节点。

boundary根据节点的包围盒渲染一个包围节点的矩形。请注意，该工具只渲染一个没有任何交互的矩形。

边

vertices路径点工具在路径点位置渲染一个小点，拖动小点修改路径点位置，双击小点删除路径点，单击侧面添加路径点。

segments线段工具。在每条线段的中心渲染一条工具条，可以拖动工具条调整线段两端路径点的位置。

boundary根据边缘的包围盒渲染一个包围边缘的矩形。请注意，该工具只渲染一个没有任何交互的矩形。

在指定位置渲染一个按钮，button支持自定义按钮的点击交互。

button-remove在指定位置渲染删除按钮，点击时删除相应边缘。

source-arrowhead-和-target-arrowhead在边缘的起点或终点渲染一个图形(默认为箭头)，并拖动图形来修改边缘的起点或终点。

更新说明

解决 registerHtmlComponent 不支持注册 render 对象问题