【问题标题】:How to zoom out in gojs?如何缩小gojs?
【发布时间】:2018-08-30 09:28:59
【问题描述】:

我正在尝试缩小但不起作用,这里我正在使用 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
      });

【问题讨论】:

    标签: gojs


    【解决方案1】:

    您已设置 Diagram.autoScale,这将使其始终缩放到“UniformToFill”。这将阻止用户进行自己的缩放。

    如果您只想在初始布局后首次加载模型时自动重新缩放图表“UniformToFill”,请改为设置Diagram.initialAutoScale。这将允许用户在之后放大或缩小。

    https://gojs.net/latest/intro/initialView.html#AutomaticViewportManagement https://gojs.net/latest/api/symbols/Diagram.html#initialAutoScale

    【讨论】:

    • 嗨 walter,我设置了 initialAutoScale: go.Diagram.UniformToFill 但它完全缩小屏幕并显示空白屏幕。有没有办法在某个限制级别设置缩小?
    • 后来你检查过Diagram.scale的值了吗?除非有散布在大范围内的部分(即如果 Diagram.documentBounds 非常大),否则它似乎不太可能真正缩小。不过,您可以通过设置gojs.net/latest/api/symbols/Diagram.html#minScale 将比例限制为大于某个固定比例。
    • 嗨 walter,我在这里设置“toolManager.mouseWheelBehavior”:go.ToolManager.WheelZoom,initialContentAlignment:go.Spot.Center,布局:$(go.ForceDirectedLayout),fixedBounds:new go.Rect( -1000,-1000,1,1), initialAutoScale: go.Diagram.Uniform, scale:2.005 当我滚动鼠标时它显示了一个图表,但我最初需要默认图表没有滚动所以请指导我。
    • 不要设置 Diagram.fixedBounds.
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多