git地址
仿知乎首页canvas效果
话不多说,直接看效果
彩色效果
黑白效果
那么问题来了怎么用?
npm install vue-atom-canvas
(直接用淘宝的cnpm更快)
import引入
配置参数,看看你的页面
参数 | 默认 | 类型 | 描述 |
---|
dotsNum | 50 | Number | 圆点个数 |
isColor | true | Boolean | 是否显示颜色 |
roundColor | #999 | String | 圆点颜色 |
lineColor | #ccc | String | 连接线颜色 |
ps:也可以直接clone项目里的canvas.vue文件
喜欢就来个闪亮的start