本文介绍: GraphObject有了画布接下来就要有内容,也就是画布中的元素一个元素通常是一个 GraphObject 类型对象。GraphObject 是所有图形对象抽象类,万物皆 GraphObject这个类的子类包括 Panel、Shape、TextBlock、Picture 和 Placeholder。GraphObject 和其子类的关系下图。GraphObject抽象类,不能直接创建需要利用 $ 也就是 go.GraphObject.make创建子类的实例面板(Pane

GraphObject

有了画布接下来就要有内容,也就是画布中的元素一个元素通常是一个 GraphObject 类型的对象。

GraphObject 是所有图形对象的抽象类,万物皆 GraphObject这个类的子类包括 PanelShapeTextBlockPicturePlaceholder

GraphObject 和其子类的关系下图

image.png

GraphObject抽象类,不能直接创建需要利用 $就是 go.GraphObject.make创建子类的实例

面板(Panel)

面板是将其他图形对象作为元素的图形对象。面板负责确定其所有元件的尺寸位置每个面板建立自己坐标系,按顺序绘制面板的元素。

Panel不同类型每个类型表示一种布局通过不同坐标系排列

注意GoJS 中的 x 轴水平向右,y垂直向下。

Panel 的值包括以下类型

零部件(Part)

所有零部件都是面板,因为零部件继承自面板类。

我们只能向 画布添加 零部件,所以 Part 是顶级元素。NodeLink 继承Part 。 所以我们可以画布添加 节点线

ShapeTextBlockPicture 则只能作为 Part 的子元素,不能直接添加画布 中。

节点(Node

节点可以是通过线连接到其他节点的零部件,也可以是组的成员Node 可以Link 连接起来。每一个 Node 都有一个 key用来唯一标识Node

连线(Link)

linkfromto 属性用来表示Link出发点结束

组(Group

继承自节点,允许节点在逻辑包含其他节点和线。

形状(Shape

表示一个几何图形可以使用 GoJS定义好的一些图形,如 “Rectangle”可以自定义图形形状。通过 fillstroke属性决定图形的显示

文本(TextBlock

文本属性CSS 相同 font-stylefont-variantfont-weightfont-sizefont-family。也可以定义 stroke属性

原文地址:https://blog.csdn.net/web2022050903/article/details/125014605

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_42088.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注