如何通過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();

任務是通過其中一個角（例如右下角）拖動多邊形。 但實際上結果並不是我所期待的。 我的代碼有什么問題？ 或者通過其中一個點移動elemten的正確方法是什么？

Answer 1

看看這篇帖子iOS6拉/拖邊界

我認為，效果與您正在尋找的相似。 您可以通過檢測單擊/觸摸位置為任何角上的拖動設置動畫。

如果您需要另一個例子，請告訴我。