流程图控件GoJS教程：自定义节点之边框

您可以自定义节点，使其具有所需的外观和行为。到目前为止，您仅看到了非常简单的节点。但是，如果您看到了示例应用程序，那么您还将看到许多其他类型的节点。在此页面中，我们演示了在设计节点时可以做出的一些选择。

GoJS是一款功能强大，快速且轻量级的流程图控件，可帮助你在JavaScript 和HTML5 Canvas程序中创建流程图，且极大地简化您的JavaScript / Canvas 程序。

GoJS现已更新至最新版本2.1发布，添加了动画功能，修复了一些bug，增强用户体验，赶快下载试试吧~

GoJS最新试用版

周边内容

通常用边框或其他背景包围有趣的信息

简单边框

许多简单的节点只是由一个的面板类型的面板，自动带有围绕TextBlock的Shape。

  diagram.nodeTemplate =    $(go.Node, "Auto",      $(go.Shape, "Rectangle",        new go.Binding("fill", "color")),      $(go.TextBlock,        { margin: 5 },        new go.Binding("text", "key"))    );   diagram.model.nodeDataArray = [    { key: "Alpha", color: "lightblue" }  ];

标签：