资讯专栏INFORMATION COLUMN

用VUE封装一个仿知乎canvas

Meathill / 1717人阅读

摘要:地址仿知乎首页效果话不多说,直接看效果彩色效果黑白效果那么问题来了怎么用直接用淘宝的更快引入配置参数,看看你的页面参数默认类型描述圆点个数是否显示颜色圆点颜色连接线颜色也可以直接项目里的文件喜欢就来个闪亮的

git地址

仿知乎首页canvas效果

话不多说,直接看效果



彩色效果


黑白效果

那么问题来了怎么用?

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

import引入

配置参数,看看你的页面


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

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

喜欢就来个闪亮的start

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50829.html

相关文章

  • Vue2.0—仿知乎日报总结

    摘要:一个基于全家桶开发的仿知乎日报单页应用项目地址源码地址项目在线地址在线地址模式下推荐使用移动端模式浏览去观看如果觉得做得还不错或者项目源码对您有帮助希望您小抬右手到右上角点一个您的支持是作者长期更新维护的动力项目起源从二月份开始学习学习了 Vue-News 一个基于vue全家桶开发的仿知乎日报单页应用 项目github地址:源码地址 项目在线地址:在线地址 (PC模式下推荐使用chro...

    lentoo 评论0 收藏0
  • CanvasTools - 基于Canvas的截图辅助工具集

    摘要:包含矩形,椭圆,画笔,文字,马赛克等多种工具以及撤销,保存等各种功能地址项目地址仿知乎截图反馈项目构思来源于知乎建议反馈功能中的截图反馈。期初看到该功能,惊为天人,不得不佩服知乎对用户体验的细节追求。 CanvasTools 基于Canvas的截图辅助工具集。包含矩形,椭圆,画笔,文字,马赛克等多种工具以及撤销,保存等各种功能 showImg(https://segmentfault....

    BigTomato 评论0 收藏0
  • 大厂程序员接私活被坑, 还被放鸽子,那源码就开源-基于SSM仿知乎小程序

    摘要:最近很郁闷,一个女粉丝找我要开发一个系统。但是后来,越扯越严重上升到块要开发一个知乎的高度。主要实现了仿知乎微信小程序的文件管理功能。点击下面,回复小程序 最近很郁闷,一个女粉丝找我要开发一个系统。说是很着急。   但是费用不高,说自己没钱。   我平时事也很多,又不是很想接。   说了一大...

    dongxiawu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<