必须为项目创建用于指定特定图元、连接或长度的图像注释工具。 如下图所示
核心需求如下：
在浏览器PC端使用
的点、线、图形应该是矢量图，可以移动、缩放、旋转
可以自定义所需的标注工具，例如绘制坐标轴。 你需要跟随鼠标的移动
可以加载参考底图
可以一起导出完成的矢量参考底图
基础技术什么都不能选择。 它一定是基于Canvas实现的。 重要的是选择容易使用的库。 检索后，没有像三维引擎那样出现“大一统”的局面(Three.js )。 有几个不太受欢迎的选择，根据github热度进行粗选，剩下的两个呢
最初，Two.js和Three.js的命名很接近，界面风格更现代，更倾向于此，所以经过调查发现Two.js完全不支持image加载。 虽说集中在矢量图上，但这有点太过分了。 而且它显然是为动画设计的，所有的example都是动画； 它还没有自己的事件体系，借用了Backbone的。
这样，旧的Fabric.js看起来很可爱。 它还直接支持鼠标拖动、缩放和矢量图形对象的旋转。
但是，引用结构的时候，出了一点问题。 ——我们的项目是基于iView的模块化开发，最初也尝试用npm安装，以import方式引用Fabric.js。 没有人知道引进后总是发生错误。 之后，我发现依赖后端解析dom的库——必须崩溃，因为只要通过npm进行管理，结构就会认为自己在服务器端的Node.js环境中运行。 我明明只是在浏览器上使用而已。 Github提到了这个issue，建议提供前端版本的npm管理配置，但是开源方面似乎没有心思做这个。
最后直接触发到最外层的html