oyai32
oyai32

gojs禁止画布滚动

gojs生成画布后，鼠标滚动，画布的内容会上下移动，以下属性可解决此问题。

myDiagram = $(go.Diagram,"graph",
            {
                initialContentAlignment: go.Spot.Center, //启动视口中间的所有内容
                "toolManager.mouseWheelBehavior":go.ToolManager.WheelNone,//鼠标滚轮事件禁止
                layout: $(go.LayeredDigraphLayout,
                    { direction: 0, layeringOption: go.LayeredDigraphLayout.LayerLongestPathSource }),
                "undoManager.isEnabled": true
            });

查看gojs源码发现ToolManager有6个值可选， WheelScroll、 WheelZoom 、WheelNone、GestureZoom 、GestureCancel、 GestureNone ，前3个是指鼠标滚动操作，后3个本人理解是手势操作，不过我放到手机上试了下，没看到效果。

（ps：gojs提供的api都是英文的，比较难阅读，但是提供了很多样例，建议在各个样例中找你到你想要的类似的属性，然后再在源码里找到属性的值，也许能较快的找到你想要的东西）

你可能感兴趣的:(web前端)