kineticjs - 加载 json Kinetics 4.3.3

Question

我正在尝试使用函数 () 4.3.3 kineticjs 加载 stage.load 阶段，但没有使用 Kinetic.Node.create 此类函数。我不知道如何使用这个功能，有人可以解释它是如何使用的。非常感谢您

Answer 1

从 JSON 创建阶段并不复杂：

1. 下载序列化的 json 阶段。
2. 用水润舞台var stage = Kinetic.Node.create(myJSON, 'container');

这是一些示例代码：

// Use jQuery to call to your server and retrieve 
// the JSON representation of your KineticJS stage
// jQuery make calling JSON easy, but...
// Alternatively, you can use straight javascript--google ;)
$.ajax({
    type: "GET",
    dataType: "json",
    url: 'http://www.yourSite.com/yourStageInJSON.json',
    success: successHandler,
    error: errorHandler
});

// this is called when your json-stage has been downloaded
function successHandler(myJSON){
    // use the downloaded json to create the stage
    // "container" is just the normal KineticJS container div
    var stage = Kinetic.Node.create(myJSON, 'container');
}

// this is called if there was a problem with the download
function errorHandler(){
    alert("Something has gone horribly wrong--call somebody!");
}

如果您想查看序列化为 json 的阶段是什么样子，您可以像这样序列化现有阶段：

var json = stage.toJSON();