<a href="https://github.com/EugeneOne/atom-canvas">git地址</a>
仿知乎首页canvas效果
<h3>话不多说,直接看效果</h3>
彩色效果
黑白效果
那么问题来了:scream_cat:怎么用?
-
npm install vue-atom-canvas
(直接用淘宝的[cnpm][4]更快) - import引入![import引入][5]
- 配置参数,看看你的页面:couplekiss:
参数 | 默认 | 类型 | 描述 |
---|---|---|---|
dotsNum | 50 | Number | 圆点个数 |
isColor | true | Boolean | 是否显示颜色 |
roundColor | #999 | String | 圆点颜色 |
lineColor | #ccc | String | 连接线颜色 |
ps:也可以直接clone项目里的canvas.vue文件
pps:简书没法发emoji???