用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

相关文章
相关标签/搜索