写点什么

二维码高端路线养成计

用户头像
happlyfox
关注
发布于: 2021 年 03 月 08 日

作者:三十三重天

最好不是在夕阳西下的时候幻想什么,而是在旭日出生的时候即投入行动!


前言


二维码,生活中处处可见。大家平时见到的二维码是怎么样的呢?


是这样的👇👇



这样的👇👇



又或者是这样的👇👇



WC,这个作者真的不要脸,大家千万不要扫,你根本不知道人的底线在哪里。



那么问题来了!


转折这么快就像龙卷风,你想不到,我也想不到。😏😏


大家是不是有这么一种感觉,当草坪上如果都是草满眼的绿色,绿的发慌。有一天蒲公英盛开了,或者小野花也开了,映入眼帘的景色就多了,人也看的舒服。当前这个例子很 low,大家看看就好。主要是想引导出大家对审美的看法。


同样的道理在二维码上也是一样的,如果每天都面对大相径庭的内容,大家总会审美疲劳,如果这个时候有一些新奇的小野花映入你的眼帘,你会不会觉得不错呢。


人民群众提问:“这个小野花是什么?”



老艺术家:“小野花也叫艺术二维码生成器,实现的方式有很多种,今天介绍一种,名叫 QRBTF。这是一个开源项目,大家可以在 Github 上进行搜索。“


Github传送门


隆重介绍 QRBIF


特征


  • 各种艺术 QR 码样式

  • 参数设计

  • 无需后端

  • 支持 SVG 下载


如果你是一个小白,github 是什么都不知道,那么你就要提问了。


人民群众提问环节开始


提问:

那我怎么搞,你说了半天白说,玩我呢。

我要一个可视化,可操作的界面你晓得哇。我改改东西,传个图片就可以得到艺术化的二维码,你晓得哇!

解答:

“我晓得,我晓得,这不就来了嘛🙄🙄”


可视化操作、一站式艺术二维码解决方案


1、第一步:输入文本或者上传图片


2、第二步:配置参数


3、下载


简单的一比吊早😃😃,放上一个我生成的二维码。是不是感觉瞬间逼格就上去了,大家可以都试一试。



如果你乐钟于源码改造或编码使用那也很简单,同样三步骤搞定


1、下载库


npm install react-qrbtf --save
复制代码

2、调用库函数

import React from 'react'import { QRNormal } from 'react-qrbtf'
class Component extends React.Component {
render() { return ( <QRNormal value="react-qrbtf" className="my-qrcode" styles={{ svg: {width: "200px"} }} type="round" size={50} opacity={80} posType="planet" otherColor="#33CCCC" posColor="#009999" /> ) }}
复制代码


3、获取图片


大家开动自己的小脑筋,做出更加富有艺术感的二维码吧!!


优质二维码展示




最后


关注公众号 程序员工具集 👍👍 致力于分享优秀的开源项目、学习资源 、常用工具

回复关键词“关注礼包”,送你一份最全的程序员技能图谱。

回复关键词"wx"添加个人微信,勾搭作者,欢迎来聊^-^。


发布于: 2021 年 03 月 08 日阅读数: 39
用户头像

happlyfox

关注

公众号 程序员工具集 2021.02.18 加入

博客 [www.zhouhuibo.club] 分享优秀的开源项目、学习资源和常用工具。谈论新闻热点、职场经验、学习感悟。共同进步!

评论

发布
暂无评论
二维码高端路线养成计