vue.js 和fabric.js 製做的canvas 畫板

使用vue.js和fabric.js構建的web畫板，使用vuex來作狀態的控制，目前支持畫箭頭、虛線、矩形、原型、文字等功能，刪除功能和回退功能待開發中。 github地址

效果圖以下：

前陣子恰好業務上有需求要作一個能夠批註做業的功能，對於前端而言好像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唄客官）這個是代碼地址