0

ここに私のコードの一部：

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

タスクは、ポリゴンをコーナーの1つ（たとえば、右下）でドラッグすることです。しかし、実際の結果は私が期待したものではありません。私のコードの何が問題になっていますか？または、ポイントの1つで要素を移動する正しい方法は何ですか？

4

1 に答える 1

2

この投稿をチェックしてくださいiOS6の円の境界線を引っ張る/ドラッグする

効果はあなたが探しているものと似ていると思います。クリック/タッチの位置を検出することで、任意のコーナーのドラッグをアニメートできます。

別の例が必要な場合はお知らせください。

于 2012-12-03T22:56:17.950 に答える