二维码高端路线养成计

作者：三十三重天

博客: http://www.zhouhuibo.club

沉淀、分享、成长，让自己和他人都能有所收获！😜

前言

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

是这样的👇👇

这样的👇👇

又或者是这样的👇👇

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"添加个人微信，勾搭作者，欢迎来聊^-。