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

在下面的代码中，当我在警报框中拖动“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();
}

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

对数据进行字符串化并将其保存到文件中

var data = JSON.stringify(yourObject);

---

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

请看这里：

---

提供html标记或在以下位置进行修改：您是否有可以与之交互的服务器，或者您是否希望在客户端执行此操作？如果是后者，恐怕您不能。我没有看到任何json编码code@TheDarkKnight谢谢，我真的不明白你的意思，但这是我在代码中使用的html代码：@EdHinchliffe谢谢，如果可能的话，在客户端是的。谢谢，但在我的代码中是“var rec”是我的对象。它说rec没有定义。我在你的剪报上看不到rec的定义。你定义它的地方。谢谢，我是说var rect。。。那是我的目标吗？是的。。。将其字符串化为：var data=JSON.stringify（rect）；谢谢，但是我得到的错误var rect没有定义。你能帮我吗？好的，但我不想像本地存储一样存储它。你想如何存储它？没有无限的方法可以做到这一点。好吧，请参考好吧，但这无助于解决我的问题。