本文主要是介绍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提问的时候都是先中文组织好语言再用谷歌翻译下(///▽///)
下面来说说遇到的问题吧(都是在vue框架中)</
这篇关于Vue Konva - 基于 Canvas 开发的 2d JavaScript框架库 - 简单使用整理的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!