KineticJS 的思维导图示例

Question

我想用 KineticJS 和 JQuery 创建一个映射器（如思维导图）。但我没有找到如何从 KineticJS 开始。实际上，我只需要一些示例就可以在页面中间用一个箭头绘制一个框（某种形状）。

任何帮助将不胜感激。

Answer 1

你可以用路径做箭头： http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-path-tutorial/

你也可以用多边形来做到这一点： http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-polygon-tutorial/

要画一个盒子，你只需要画一个 rect ： http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-rect-tutorial/

KineticJS 文档和教程使用起来非常简单。

希望它会有所帮助。