Vue Konva - 基于 Canvas 开发的 2d JavaScript框架库 - 简单使用整理

最近项目中用到Vue Konva框架，遇到一些问题基本搜不到，网上的文章基本都是些入门教程什么的。所以本文整理了使用过程中遇到的问题以及解决办法，希望你用到的时候有所帮助。

基本是按照我在开发中使用的顺序来写的，使用方法和错误处理没有做单独区分。如有需要可以搜索关键字。

我们的项目没有做动画的要求，所以本文也没有提及动画相关的。

---

2018.8.25

需求：类似美图秀秀网页版的拼图工具。但是美图秀秀用的是 Flash，我们用 canvas，所以能参考的也就只有效果了。

领导给选的是konva.js

Konva.js 一个基于 Canvas 开发的 2d JavaScript框架库, 它可以轻松的实现桌面应用和移动应用中的图形交互交互效果

我们的项目用了Vue，这个框架也有一个Vue版本的。

国际惯例，先撸文档：

Canvas
Konva官方文档（中文）
Konva API文档（英文）
Demo（英文）
Vue Konva（英文）
Vue Konva Issues（英文）

英文API还是挺全的，Vue的文档和文章比较少，主要还是对照英文的API。做这个需求的时候体会到程序员的英语水平真的很重要，因为后面有一些问题去issues提问的时候都是先中文组织好语言再用谷歌翻译下(///▽///)

<