使用vue.js和fabric.js構(gòu)建的web畫板，使用vuex來(lái)做狀態(tài)的控制弟翘，目前支持畫箭頭虫腋、虛線、矩形稀余、原型悦冀、文字等功能，刪除功能和回退功能待開發(fā)中睛琳。github地址
效果圖如下：
img.png
前陣子剛好業(yè)務(wù)上有需求要做一個(gè)可以批注作業(yè)的功能盒蟆，對(duì)于前端而言好像canvas是個(gè)不錯(cuò)的選擇， 因?yàn)橹皩?duì)canvas了解也只停在于能畫個(gè)直線掸掏，圓圈之類的... 心想如果要用原生的canvas API來(lái)寫的話茁影，就太痛苦了宙帝。丧凤。
經(jīng)過(guò)一番調(diào)查發(fā)現(xiàn)fabric.js 對(duì)于我這等想偷懶的人來(lái)說(shuō)簡(jiǎn)直是神器啊２脚АＴ复！因?yàn)閒abric.js 就是針對(duì)canvas繁瑣的API進(jìn)行的一系列封裝操作靴患，而且現(xiàn)在這個(gè)庫(kù)還在維護(hù)中仍侥，github的start 也有12K之多！鸳君！這也是把它用在我項(xiàng)目中的原因之一
但是缺點(diǎn)是它的文檔真的是不太好理解农渊，剛看會(huì)一臉懵逼的！以后找機(jī)會(huì)再總結(jié)的寫一篇.
推薦幾個(gè)fabric的好帖子
Canvas實(shí)用庫(kù)Fabric.js使用手冊(cè)
# fabric.js和高級(jí)畫板
貼下代碼（萬(wàn)一有人想看看呢或颊，給個(gè)start唄客官）這個(gè)是代碼地址
