javascript - 使用 kineticjs 将 json 图像加载到选项卡中

Question

我没有使用任何jQuery。我有三个选项卡，每个选项卡中有三个不同的图像，并且有机会在每个图像中编写不同的文本。我只使用了一个阶段，添加了一个添加图像的图像层。我刚刚更改了imageObj.src每个选项卡（为了插入不同的图像）。

我想要实现的是返回选项卡并找到带有之前设置的文本的图像。因此，我将该阶段保存为 astage.toJson()并且我得到了正确的 json 字符串。当我在新阶段重新加载它时，它可以工作（向我显示带有文本的正确图像），但之后由于某种原因崩溃：

case '1':   // case tab 1   
 stage.removeChildren();

 if(!json==""){             
    imageObj.src = 'image url';  
    var newstage = Kinetic.Node.create(json,'tabscontent');
    imageObj.onload = function() {
       newstage.get('.shirtimg')[0].setImage(imageObj);
       newstage.draw();     
    }  
 }                                                                          

break;   

有什么想法吗？谢谢。