$(go.Shape, { strokeWidth: 2, stroke: "black", fill: "white", fromArrow: "left", toArrow: "standard", direction: 180 }) 我要箭头向左 上面的代码有错误
时间: 2023-07-03 08:10:58 浏览: 37
很抱歉,我之前提供的代码有误。在 GoJS 中,fromArrow 和 toArrow 属性只能接受以下预定义的字符串值:
- "None"
- ""
- "Triangle"
- "BackwardTriangle"
- "Diamond"
- "Chevron"
- "ForwardChevron"
- "WideDiamond"
- "OpenTriangle"
- "OpenTriangleThin"
- "ClosedTriangle"
- "ClosedTriangleThin"
- "HalfTriangle"
- "FullDiamond"
- "Circle"
- "Square"
- "ThickDiamond"
- "ThinDiamond"
- "ThinCross"
- "Bar"
- "ThinBar"
- "DoubleArrowUp"
- "DoubleArrowDown"
- "DoubleArrowLeft"
- "DoubleArrowRight"
- "ThreeWayUpLeft"
- "ThreeWayDownLeft"
- "ThreeWayUpRight"
- "ThreeWayDownRight"
- "FiveWay"
如果您需要自定义箭头,可以按照以下步骤操作:
1. 定义您自己的箭头形状,可以使用 SVG 路径字符串或自定义 Shape。
2. 在模板中定义一个新的 Shape 类型,将其类型设置为自定义 Shape,然后将其添加到模板中。
3. 在图形对象的 fromArrow 或 toArrow 属性中,引用定义的自定义 Shape。
以下是一个示例代码片段,其中定义了一个自定义的箭头形状:
```
$(go.Shape, {
figure: "M 0 0 L 20 10 L 0 20 z", // 定义自己的箭头形状
strokeWidth: 2,
stroke: "black",
fill: "white"
})
```
然后,在图形对象的 fromArrow 或 toArrow 属性中,指定自定义箭头 Shape 的名称即可。例如:
```
$(go.Shape, {
strokeWidth: 2,
stroke: "black",
fill: "white",
fromArrow: "MyArrow",
toArrow: "Standard",
direction: 180
})
```
这里,fromArrow 的值为 "MyArrow",toArrow 的值为 "Standard",其中 "MyArrow" 是自定义箭头 Shape 的名称。