繁体   English   中英

如何通过kineticjs中的一个点拉线/多边形?

[英]how to pull Line/Polygon by one of the points in kineticjs?

我的代码的一部分在这里

var stage = new Kinetic.Stage({
        container: "canvas",
        width: 300,
        height: 200
    });

    var layer = new Kinetic.Layer({
    });
    var line = new Kinetic.Polygon({
        id: 'wall',
        points: [50, 50, 100, 50, 100, 100, 50, 100],
        stroke: "black",
        strokeWidth: 4,
        draggable: true
});
    line.on('dragmove', function(mouseEvent) {
        line.getPoints()[2] = {x:mouseEvent.x, y:mouseEvent.y};
        layer.draw();
});

stage.add(layer);

layer.add(line);
layer.draw();

任务是通过其中一个角(例如右下角)拖动多边形。 但实际上结果并不是我所期待的。 我的代码有什么问题? 或者通过其中一个点移动elemten的正确方法是什么?

看看这篇帖子iOS6拉/拖边界

我认为,效果与您正在寻找的相似。 您可以通过检测单击/触摸位置为任何角上的拖动设置动画。

如果您需要另一个例子,请告诉我。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM