用VUE封裝一個仿知乎canvas

git地址vue

仿知乎首頁canvas效果git

話很少說,直接看效果github


圖片描述
彩色效果npm

圖片描述
黑白效果canvas

那麼問題來了怎麼用?atom

  1. npm install vue-atom-canvas(直接用淘寶的cnpm更快)spa

  2. import引入import引入3d

  3. 配置參數,看看你的頁面code


參數 默認 類型 描述
dotsNum 50 Number 圓點個數
isColor true Boolean 是否顯示顏色
roundColor #999 String 圓點顏色
lineColor #ccc String 鏈接線顏色

ps:也能夠直接clone項目裏的canvas.vue文件blog

喜歡就來個閃亮的start

相關文章
相關標籤/搜索