思维导图是一种常见的表达发散性思维的有效工具，本文会完整的介绍如何从头实现一个简易的思维导图，最终成果预览：https://wanglin2.github.io/mind-map/

源码在GitHub上，总结下使用fabric.js开发一个编辑器需要用到哪些知识点。 预览地址：https://nihaojob.github.io/vue

一、首先新建一个<canvas>网页元素。 上面代码中，如果浏览器不支持这个API，则就会显示<canvas>标签中间的文字——“您de浏览器不支持canvas！”。 每个canvas节点都有一个对应的context对象（上下文对象），Canvas API定义在这个contex…