用VUE封装一个仿知乎canvas
2017-05-31 本文已影响0人
Eugene滚雪球
<a href="https://github.com/EugeneOne/atom-canvas">git地址</a>
仿知乎首页canvas效果
<h3>话不多说，直接看效果</h3>
彩色效果
黑白效果
那么问题来了:scream_cat:怎么用？
-
npm install vue-atom-canvas(直接用淘宝的[cnpm][4]更快) - import引入![import引入][5]
- 配置参数，看看你的页面:couplekiss:
| 参数 | 默认 | 类型 | 描述 |
|---|---|---|---|
| dotsNum | 50 | Number | 圆点个数 |
| isColor | true | Boolean | 是否显示颜色 |
| roundColor | #999 | String | 圆点颜色 |
| lineColor | #ccc | String | 连接线颜色 |
ps:也可以直接clone项目里的canvas.vue文件
pps:简书没法发emoji???
