美文网首页
用VUE封装一个仿知乎canvas

用VUE封装一个仿知乎canvas

作者: Eugene滚雪球 | 来源:发表于2017-05-31 16:51 被阅读0次

<a href="https://github.com/EugeneOne/atom-canvas">git地址</a>

仿知乎首页canvas效果
<h3>话不多说,直接看效果</h3>


彩色效果

黑白效果

那么问题来了:scream_cat:怎么用?

  1. npm install vue-atom-canvas(直接用淘宝的[cnpm][4]更快)
  2. import引入![import引入][5]
  3. 配置参数,看看你的页面:couplekiss:

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

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

pps:简书没法发emoji???

相关文章

  • 用VUE封装一个仿知乎canvas

    git地址 仿知乎首页canvas效果 话不多说,直接看效果 彩色效果 黑白效果 那么问题来了:scream_ca...

  • vue低仿知乎日报

    概述 一个基于vue的仿知乎日报的前端项目。 关于知乎日报: 知乎日报是一款拥有千万用户的资讯类客户端,每日提供来...

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

    Vue-News 一个基于vue全家桶开发的仿知乎日报单页应用 项目github地址:项目源码 项目在线地址:在线...

  • 仿知乎广告

    仿知乎的广告栏学习 思路自定义View 继承自imgView然后通过canvas 对图片进行局部绘制进行局部的绘制...

  • Flutter入门实战—高仿知乎日报

    Flutter版高仿知乎日报 高仿知乎日报,UI基本和Android端的知乎日报一致。新手小白的练习demo,代码...

  • js实现选区截图

    工具:html2canvas、canvas2image、vue 思路:用html2canvas将整个页面的dom转...

  • 收藏

    Swift4 JSON 解析 Swift里我用这个姿势写UserDefaults 用RxSwift仿写知乎日报 田...

  • 奇怪的bug:解决 vue-cli中 proxyTable 配置

    问题起源于最近打算用vue写个单页应用-知乎日报,因为知乎日报的api比较成熟,而且自己也是知乎日报的重度使用者。...

  • VUE前端框架

    Vue 入门实战项目——知乎日报 这是一个基于 Vue 全家桶开发的知乎日报 WebApp,页面样式主要参考 iO...

  • 【瞎搞iOS开发01】封装仿知乎日报的导航栏刷新控件

    有幸拜读了[一生X命]分享的文章仿写知乎日报-主页面(Part 1),自己瞎搞一上午,封装了一个基于导航栏navi...

网友评论

      本文标题:用VUE封装一个仿知乎canvas

      本文链接:https://www.haomeiwen.com/subject/ksjjfxtx.html