使用vue.js和fabric.js构建的web画板,使用vuex来作状态的控制,目前支持画箭头、虚线、矩形、原型、文字等功能,删除功能和回退功能待开发中。 github地址
效果图以下:html
前阵子恰好业务上有需求要作一个能够批注做业的功能,对于前端而言好像canvas是个不错的选择, 由于以前对canvas了解也只停在于能画个直线,圆圈之类的... 心想若是要用原生的canvas API来写的话,就太痛苦了。。前端
通过一番调查发现fabric.js 对于我这等想偷懒的人来讲简直是神器啊!!!由于fabric.js 就是针对canvas繁琐的API进行的一系列封装操做,并且如今这个库还在维护中,github的start 也有12K之多!!这也是把它用在我项目中的缘由之一
可是缺点是它的文档真的是不太好理解,刚看会一脸懵逼的!之后找机会再总结的写一篇.
推荐几个fabric的好帖子
Canvas实用库Fabric.js使用手册
# [fabric.js和高级画板
](https://www.cnblogs.com/vipst...
贴下代码(万一有人想看看呢,给个start呗客官)这个是代码地址vue