7

git地址

仿知乎首页canvas效果

话不多说,直接看效果


图片描述
彩色效果

图片描述
黑白效果

那么问题来了怎么用?

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

  2. import引入import引入

  3. 配置参数,看看你的页面


参数 默认 类型 描述
dotsNum 50 Number 圆点个数
isColor true Boolean 是否显示颜色
roundColor #999 String 圆点颜色
lineColor #ccc String 连接线颜色

ps:也可以直接clone项目里的canvas.vue文件

喜欢就来个闪亮的start


EugeneOne
189 声望1 粉丝