在kineticjs中，是否可以将复杂形状保存为json并将其恢复？

Question

我似乎无法得到它的工作。我知道你可以用圆形，多边形等内置函数来实现，但对于复杂形状，它仍然可以序列化，但如果查看json字符串，则看不到x，y坐标。 jsfiddle.net/Q7G99/1/。序列化和反序列化不会给出任何错误，但画布上不会显示任何错误。

Answer 1

“原始”形状（Kinetic.Rect，Kinetic.Circle等）使用属性来定义它们的形状。

Kinetic.Shape使用上下文绘制命令来定义形状。

属性可以被序列化 - 绘图命令不能。

这就是为什么Kinetic.Shape不能完全序列化。

作为一种解决方法，请将您的sceneFunc函数保存在随页面加载的.js文件中。

例如，在myShapeSceneFuncs.js中：

// this is the sceneFunc code from var shape1=new Kinetic.Shape 

function Shape1SceneFunc(context) { 
    context.beginPath(); 
    context.moveTo(200, 50); 
    context.lineTo(420, 80); 
    context.quadraticCurveTo(300, 100, 260, 170); 
    context.closePath(); 
    // KineticJS specific context method 
    context.fillStrokeShape(this); 
} 

// rewire sceneFunc back into shape1 

shape1.sceneFunc(Shape1SceneFunc);