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

How to save x and y position to a jSon file after drag and drop?

本文关键字：位置 保存 文件 jSon 拖放      更新时间：2023-09-26

在我的代码中，当我在警报框中拖动"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插件jQuery.twFile，它允许您读取和写入本地文件。

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

var data = JSON.stringify(yourObject);

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

请看这里：本地存储定义和用法

相关文章：