系统软件 应用软件 图形软件 行业软件 安全相关 网络软件 聊天软件 影音软件 教育教学 驱动工具 编程开发 插件下载 源码下载 APP电脑版 其他类别

X6官方版

v1.12.32

X6官方版

  • 软件大小:5.05 MB
  • 软件语言:简体中文
  • 软件授权:共享软件
  • 软件类型:图形软件
  • 软件平台:WinAll
  • 更新时间:2022-01-21 14:58
  • 星级评分:4级
  • 软件官网:https://www.downza.com/
好评:50%顶一个
坏评:50踩一个

X6简介

X6是一款图表引擎软件,可以用来快速设计图表、思维导图和交互组件。对于需要给应用添加图标功能和交互组件的朋友非常有帮助。您可以将其添加到自己的开发程序中,为新软件添加图表功能,并快速创建新图表。软件提供节点编辑,添加图表时可以设置很多节点。比如在设计组织机构图和思维导图的时候可以增加很多新的节点,方便展开图表数据,还提供了箭头样式编辑功能,可以创建复杂的箭头,可以使用path自定义箭头,使用图形元素自定义箭头,通过X6图表编辑引擎可以设计各行业可用的图表!

X6相关介绍

X6是AntV的图编辑引擎,提供了一系列开箱即用的交互组件和易用的节点定制能力,方便我们快速构建DAG图、ER图、流程图等应用。

X6软件功能

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

2.支持扩展的内置10+地图编辑场景,如选框、对齐线、小地图等。

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

4.Graph,在X6中,Graph是图的载体,它包含了所有的元素(节点、边等)。)的图形,同时承载着图形的相关工作(如交互监控、元素渲染、渲染等。).

5.基类Cell:在X6的Shape命名空间中内置了一些基础图形,如Rect、Edge、Circle等。这些图形都有一个共同的基类Cell,定义了节点和边的共同属和方法,如属的样式、可见性、业务数据等。,并且在实例化、自定义样式、默认选项的配置等方面具有相同的行。

6.网格Gd:网格是渲染/移动节点的最小单位。网格的默认大小是10px,当渲染节点时,这意味着它与最小单位为10的网格对齐。

7.MiniMap:启用Scller后,可以打开一个小地图,这是完整画布的预览,支持通过平移和缩放小地图的视口来平移和缩放画布。

X6软件特色

查看交互事件

通过鼠标、键盘或各种交互组件与应用程序交互时触发的事件,例如单击节点& # 8216;节点:点击& # 8217;等等。

使用工具工具

工具是渲染在节点/边上的小部件,用于增强节点/边的交互能力。我们分别为节点和边提供了以下内置工具:

结节

按钮在指定位置呈现按钮,支持自定义按钮的点击交互。

按钮-移除在指定位置呈现删除按钮,并在单击时删除相应的节点。

边界根据节点的边界框呈现围绕节点的矩形。请注意,该工具仅呈现矩形,没有任何交互。

边缘

顶点航路点工具,在航路点位置渲染一个点,拖动点修改航路点位置,双击点删除航路点,点击边上的添加航路点。

线段工具。在边缘的每个线段的中心渲染一个工具栏,并拖动工具栏来调整线段两端的路径点的位置。

边界根据边缘的边界框呈现围绕边缘的矩形。请注意,该工具仅呈现矩形,没有任何交互。

按钮在指定位置呈现按钮,支持自定义按钮的点击交互。

按钮-移除在指定位置呈现删除按钮,并在单击时删除相应的边缘。

source-arwhead-target-arwhead在边的起点或终点渲染一个图形(默认为箭头),并拖动该图形以修改边的起点或终点。

X6使用说明

1.下载后可以得到X6图形编辑引擎的源代码,可以直接部署到指定的软件中。

2.安装,通过npm或纱线命令X6。

3.安装后,使用导入或要求作为参考。

开始被使用

接下来,让我们创建最简单的Hello & # 8211& gt世界应用。

创建一个容器

在页面中创建一个容器来保存X6图形,它可以是一个div标签。

准备数据

X6支持ON格式的数据。对象需要节点节点和边字段,分别用数组表示:

渲染画布

首先,我们需要创建一个Graph对象,并在页面上为其指定一个绘图容器,通常还要指定画布的大小。

如果它是由scpt标记引入的,我们的Graph对象将被加载到全局变量X6下:

,我们可以使用刚刚创建的图形来渲染我们的节点和边。

graph.fmON(数据)

帆布

和背景网格。

接下来,让我们为画布设置一个背景颜色和网格,并且还支持背景图片和网格类型的配置。

缩放和平移

创建画布后,可以调用graph.zoom(因子:数字)和graph.translate (tx: number,ty: number)来缩放和平移画布。

结节

使用图形

在上面的例子中,我们使用默认的图形矩形来渲染节点。此外,我们还在X6中内置了圆、椭圆、多边形等基础图形,可以通过形状亏格为节点指定渲染图形。

X6图表示例

人工智能建模过程

链接桩验证/高亮显示/自动吸附

展开/折叠树

组织系统图

切换交互模式

收起介绍展开介绍
  • 安卓合集
  • 软件合集
  • 浏览器
  • 电脑管家
  • 安卓游戏
更多 >> 安卓合集安卓合计

热门推荐

装机必备软件