码迷,mamicode.com
首页 > 其他好文 > 详细

用VUE封装一个仿知乎canvas

时间:2020-03-14 16:59:47      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:tao   颜色   The   项目   bool   span   ref   vue   效果   

git地址

仿知乎首页canvas效果

话不多说,直接看效果


技术图片
彩色效果

技术图片
黑白效果

那么问题来了怎么用?

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

  2. import引入技术图片

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


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

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

喜欢就来个闪亮的start

用VUE封装一个仿知乎canvas

标签:tao   颜色   The   项目   bool   span   ref   vue   效果   

原文地址:https://www.cnblogs.com/homehtml/p/12492645.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!