【问题标题】:How can I drag stage only x axis in Konva.js如何在 Konva.js 中仅拖动舞台 x 轴
【发布时间】:2018-07-10 08:25:38
【问题描述】:

当我拖动舞台时,舞台仅移动 x 轴。

但是 konva.js 文档没有对此进行解释..

只需修改 Konva.js 的有关拖动的源代码,我就可以使用它了吗?

或者我错过了什么?

【问题讨论】:

    标签: konvajs


    【解决方案1】:

    我找到了..

    var stage = new Konva.Stage({
            container: 'container',
            width: window.innerWidth,
            height: window.innerHeight,
            draggable: true,
            dragBoundFunc: (pos) => {
                return {
                    x : pos.x,
                    y : 0
                }
            }
        });
    

    完成了。

    【讨论】:

      【解决方案2】:

      两个拖动边界示例说明了如何约束可拖动元素的移动。

      Simple Drag Bounds Tutorial

      Complex Drag and Drop Bounds

      您已经发现这种方法可以在舞台上使用。

      【讨论】:

        猜你喜欢
        • 2021-10-05
        • 1970-01-01
        • 2017-12-17
        • 2013-09-18
        • 2012-09-30
        • 1970-01-01
        • 2014-06-09
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多