用VUE封装一个仿知乎canvas

git地址

仿知乎首页canvas效果

话不多说,直接看效果


用VUE封装一个仿知乎canvas
彩色效果

用VUE封装一个仿知乎canvas
黑白效果

那么问题来了怎么用?

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

  2. import引入用VUE封装一个仿知乎canvas

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


参数默认类型描述
dotsNum50Number圆点个数
isColortrueBoolean是否显示颜色
roundColor#999String圆点颜色
lineColor#cccString连接线颜色

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

喜欢就来个闪亮的start

相关推荐