GoJ(JS图形插件) 10 去水印版

  gojs 去水印版是形插款功能方面相当不错的js库;它拥有流程图的相关组件工具,可以对多种的去水流程图铺开创建 ,并且而且用户轻快的印版即可落成对文本校验器的交互图创建 ,还有相当丰硕的形插API;软件对流程图里面拥有的水印铺开去除 ,让您的去水操作界面校验起来更加的清爽直观 ,而且将实用的印版功能铺开内置 ,需要的形插挚友赶快将该软件下载体验试试吧 ,相信你一定不会后悔 !去水

软件功能

  GOJS是印版一个功能丰硕的JavaScript库,用于实现自定义交互图和跨现代Web校验器和平台的形插繁杂可视化。

  GOJS构建繁杂的去水节点、链接和组的印版JavaScript图 ,易于定制模板和布局。形插

  GOJS为用户交互性提供了许多高级功能 ,去水例如拖放、印版复制和粘贴 、就地文本编辑 、工具提示 、上下文菜单 、自动布局 、模板、数据绑定和模型 、事务状态和撤销管理、调色板、概述 、事件筹备程序、命令和Exter 。用于定制操作的NEIT工具系统。

  GOJS是纯JavaScript ,因此用户可以在不需要服务器和没有插件的情况下铺开交互。

  GOJS通常在校验器中完全运行 ,呈现给HTML5画布元素或SVG,而不需要任何服务器端的要求 。

  GoJS不依赖于任何JavaScript库或框架 ,因此它应该与任何HTML或JavaScript框架或根本没有框架一起筹备。

软件特色

  对拖放的功能铺开拥穿着,并且可以落成对粘贴复制的操作

  对本地的文本铺开表决 ,拥有许多的工具提示

  对上下文的菜单拥穿着 ,自动的落成需要的布局

  对模板 、模型 、调色板等拥穿着,让您可以根据自己的需求来铺开相关的选择设置

  不会对任何的服务端需求铺开设置 ,并且也拥穿着对各种需要的框架铺开选择

使用会谈明

  因为GOJS是一个依赖于HTML5特性的JavaScript库,您需要确保您的页面声明它是HTML5文档。当然,你需要加载图书馆:

  可以在这里下载GoJS(以及所有的样本)。或者,你可以直接链接到CDNJS提供的GOJS库 :

  每个GOJS图包含在HTML页面中的HTML“div >元素中,您给出一个显式的大小:

  在JavaScript代码中,在绘制图表时,可以传递< div >的ID:

  这一起创建了一个空图 :

  下面是一个模型和图表的例子,接下来是它裸露的实际图表:

  默认节点模板很简易 :包含一个文本块的节点 。文本块的文本属性与模型数据的键属性之间存在数据绑定 。在代码中 ,模板校验起来像这样:

  更一般地会谈 ,节点模板的骨架校验起来是这样的 :

  现在我们已经校验到了如何裸露一个节点模板,让我们来校验校验一个生动的例子 。我们将在调停图中创建一个简易的模板——一个名字旁边的图像 。思索下面的节点模板 :

  该代码裸露该图:

  在GraphLinksModel中 ,除了Multudio.NoDeDATA数组之外,我们还有Multual.Link数据阵列。它包含一组JavaScript对象  ,每个对象通过指定“to”和“从”节点键来描述链接。下面是一个例子,其中节点A链接到节点B,节点B链接到节点C :

  树模型筹备有点不同 。不是维护一个单独的链接数据数组,而是通过为节点数据指定一个“父”来创建树模型中的链接。然后从该关联创建链接 。下面是与TreeModel相同的示例,节点A链接到节点B和节点B接合到节点C :

  首先,我们将通过增补多个节点,使用树模型,并在数据中指定密钥和父节点来落成数据 。

组件效果预览

渝ICP备2025076537号-22