javascript - 拖放后如何将x和y位置保存到json文件中？

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

这取决于您要保存多长时间。您可以使用本地存储。

请看这里： localStorage 定义和使用

Answer 2

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

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

var data = JSON.stringify(yourObject);