javascript - 如何通过kineticjs中的点之一拉线/多边形？

Question

我的代码的某些部分here :

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();

​任务是将多边形拖动到其中一个 Angular (例如右下角)。但实际上结果并不是我所期望的。我的代码有什么问题？或者将元素移动某一点的正确方法是什么？

Answer 1

查看这篇文章iOS6 pull/drag border on circle

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

如果您需要另一个示例，请告诉我。