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

Question

我的代码的一部分在这里：

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

​任务是通过其中一个角拖动多边形（例如通过右下角）。但实际上结果并不如我所愿。我的代码有什么问题？或者移动元素之一的正确方法是什么？

Answer 1

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

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

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