- 博客(6)
- 收藏
- 关注
RSS订阅原创 【angular-gojs使用笔记】在画布中添加网格和辅助线、旋转节点、调整大小
此时我还想显示更多的辅助线，比如我在对节点进行拖拽时，能够提示我其与另一个节点中的左右或中线对齐。我在GoJS的官方文档中找到了示例，但这个工具并没有在gojs中定义，我们需要额外地引入它。注意如果不设置 locationSpot: go.Spot.Center，调整角度的圆点就会出现在节点左上方/这里只展示简单的一些属性使用，做完这些后就能够做到节点之间的自动吸附，极大地提升了拖拽节点过程中的体验。这样我们对节点进行移动、拖拽、旋转时就会自动吸附网格线。
2023-03-30 10:24:51
518
原创 【angular-gojs使用笔记】将html元素拖入Gojs画布中。
目前已经开发了以下页面：显而易见，目前我想实现的功能是将左边的元素拖入右边的画布中，然后画布中生成对应的元素。首先我想解决模板的创建问题，根据我的想法，在将元素拖入画布中时，实际只会传递一个type属性值，我想根据该属性值在画布中生成元素，按照这个开发思路，首先我需要定义一些模板，然后根据type属性值去寻找对应模板进行生成。
2023-03-28 13:31:20
264
原创 【angular-gojs使用笔记】GoJS数据绑定
在上面的例子中，每隔500ms便会将nodeDataArray[0]中的中的highlight属性取反，使其达到不断闪烁的效果。在flash()函数中调用了 diagram.model.commit方法，第一个参数是一个事务（transaction），第二个参数是该事务名。事务中的一些操作是可进行撤销的（会体现在Ctrl+z上），但对于model的直接操作似乎无法撤销。这个例子与上面的例子相同，但这里新增了自定义的箭头函数，示意将highlight属性传入该自定义函数进行转换。
2023-03-25 16:53:56
198
原创 【angular-gojs使用笔记】使用Data和Template创建Node
在实际使用过程中，我们常常会创建相似的节点。我们创建了两个节点，并将它们通过link链接到了一起。其中两个节点除了背景颜色以及文本框中的文字有区别，其它部分都是一样的，我们便可以将其抽象成一个模板。接下来我们创建一个节点的模板，使用go.Binding方法，可以将数组中的属性映射到对应对象的属性中。这样我们就抽象出了节点的模板，最后使用GraphLinksModel方法传入数据，就得到了和原来一样的效果。
2023-03-25 15:03:00
139
原创 【angular-gojs使用笔记】gojs-angular的基本使用。
下方的则是gojs-palette渲染的内容，palette直译为调色板，在视图上操作没有上方的图表那样自由，但可以将其中的元素拖入上方图表中。gojs-angular提供了三个angular组件，分别是gojs-diagram、gojs-palette和gojs-overview。在上方的是gojs-diagram组件渲染的内容，其中的元素可以随意拖动、删除和修改。
2023-03-24 14:26:11
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人