在动力学 js 中使用 json 加载自定义形状

【问题标题】：Loading custom shape with json in kinetic js在动力学 js 中使用 json 加载自定义形状
【发布时间】：2013-02-17 16:16:46
【问题描述】：

如何通过 Kinetic JS 加载带有 Json 文件的自定义形状（例如 http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-shape-tutorial/）。

我设法加载了正常形状，但对于这个没有文档。

【问题讨论】：

你看到这个了吗html5canvastutorials.com/kineticjs/…
相信你已经看过教程了。您只需将配置 json 放入 new Kinetic.Shape(XXX)。
显示一些你已经实现的代码和你想要实现的代码
例如，正多边形的 json 文件如下所示： "x": 10, "y":20, "radius":30, ... 但是对于自定义形状（如上面的链接）使用二次曲线，需要函数。在这种情况下，json 文件会是什么样子？

标签： javascript json file shape kineticjs

【解决方案1】：

不要为此使用Kinetic.Shape，请使用Kinetic.Path。一个Kinetic.Path 获得一个data 成员，它允许使用SVG PathData 格式指定多边形的形状。不幸的是，documentation on kineticjs.com 非常薄——W3 网站包含许多值得一试的示例。

当然，这不如代码灵活；但是，它看起来很有希望：This 与custom shape tutorial 中的数字完全相同，只使用了一个Kinetic.Path。

【讨论】：

感谢您提供解决此问题的新愿景。我没想到！！！它似乎真的是最好的解决方案！ :) 你成就了我的一天！