Question

在我的代码中，当我在警告框中拖动“var rec”时显示x和y坐标。现在我想在停止拖动“var rec”时将新坐标x和y保存到jSon文件。

我开始使用以下代码进行测试：

dragend.data("dragend").originalPosition

window.onload = function() {
    var stage = new Kinetic.Stage({
        container : "container",
        width : 1400,
        height : 1448
    });

    var layer = new Kinetic.Layer();
    stage.add(layer);

    var rect = new Kinetic.Rect({
        x: 50,
        y: 50,
        width: 50,
        height: 50,
        fill : 'black'
    });

    var group = new Kinetic.Group({
        draggable: true
    });
    group.add(rect);
    layer.add(group);
    group.on('dragend',function(){
        alert(group.getPosition().x+"/"+group.getPosition().y);
    });
    layer.draw();
}

Answer 1

您可以使用jQuery插件jQuery.twFile，它允许您读取和写入本地文件。

将数据字符串化并将其保存到文件中。

var data = JSON.stringify(yourObject);

Answer 2

这取决于您想要保存多长时间。您可以使用localStorage。

请看看这里： localStorage Definition and Usage

如何在拖放后将x和y位置保存到jSon文件？

2 个答案: