如何缩小gojs?
How to zoom out in gojs?
我正在尝试缩小但不起作用,这里我使用的是 go.ForceDirectedLayout
var myDiagram = $(go.Diagram, "database_structure",
{
"toolManager.mouseWheelBehavior": go.ToolManager.WheelZoom,
initialContentAlignment: go.Spot.TopLeft,
allowDelete: false,
allowCopy: false,
layout: $(go.ForceDirectedLayout),
autoScale: go.Diagram.UniformToFill,
"undoManager.isEnabled": true
});
最初它显示空白屏幕,滚动后它将显示图表。
但我最初想要 缩小屏幕 所以请提供一些解决方案来解决这个问题。
我在下面给出的设置后,当我滚动鼠标时显示图表但我需要显示图表最初没有滚动。
我在这里使用 fixedBounds:new go.Rect(-1000,-1000,1,1) 所以它最初减小了图的大小。
myDiagram =
$(go.Diagram, "database_structure",
{
"toolManager.mouseWheelBehavior": go.ToolManager.WheelZoom,
initialContentAlignment: go.Spot.Center,
layout: $(go.ForceDirectedLayout),
fixedBounds:new go.Rect(-1000,-1000,1,1),
initialAutoScale: go.Diagram.Uniform,
scale:0.0001,
"undoManager.isEnabled": true
});
您已设置 Diagram.autoScale,这将导致它始终缩放到 "UniformToFill"。这将阻止用户进行自己的缩放。
如果您只想在初始布局后首次加载模型时自动重新缩放图表 "UniformToFill",请改为设置 Diagram.initialAutoScale。这将允许用户之后放大或缩小。
https://gojs.net/latest/intro/initialView.html#AutomaticViewportManagement
https://gojs.net/latest/api/symbols/Diagram.html#initialAutoScale
我正在尝试缩小但不起作用,这里我使用的是 go.ForceDirectedLayout
var myDiagram = $(go.Diagram, "database_structure",
{
"toolManager.mouseWheelBehavior": go.ToolManager.WheelZoom,
initialContentAlignment: go.Spot.TopLeft,
allowDelete: false,
allowCopy: false,
layout: $(go.ForceDirectedLayout),
autoScale: go.Diagram.UniformToFill,
"undoManager.isEnabled": true
});
最初它显示空白屏幕,滚动后它将显示图表。 但我最初想要 缩小屏幕 所以请提供一些解决方案来解决这个问题。
我在下面给出的设置后,当我滚动鼠标时显示图表但我需要显示图表最初没有滚动。
我在这里使用 fixedBounds:new go.Rect(-1000,-1000,1,1) 所以它最初减小了图的大小。
myDiagram =
$(go.Diagram, "database_structure",
{
"toolManager.mouseWheelBehavior": go.ToolManager.WheelZoom,
initialContentAlignment: go.Spot.Center,
layout: $(go.ForceDirectedLayout),
fixedBounds:new go.Rect(-1000,-1000,1,1),
initialAutoScale: go.Diagram.Uniform,
scale:0.0001,
"undoManager.isEnabled": true
});
您已设置 Diagram.autoScale,这将导致它始终缩放到 "UniformToFill"。这将阻止用户进行自己的缩放。
如果您只想在初始布局后首次加载模型时自动重新缩放图表 "UniformToFill",请改为设置 Diagram.initialAutoScale。这将允许用户之后放大或缩小。
https://gojs.net/latest/intro/initialView.html#AutomaticViewportManagement https://gojs.net/latest/api/symbols/Diagram.html#initialAutoScale