二维码高端路线养成计

作者:三十三重天

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

前言

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

是这样的👇👇

person

这样的👇👇

gzh

又或者是这样的👇👇

21_603_468863b67ce51c4928b35e567a345123_ebfd5b3bab7f7e07006b27aa71ae3426

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

20200505659065_ILXYNg

那么问题来了!

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

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

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

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

20190829012873_ikCZjS

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

Github传送门

隆重介绍 QRBIF

特征

  • 各种艺术QR码样式
  • 参数设计
  • 无需后端
  • 支持SVG下载

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

人民群众提问环节开始

提问:

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

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

解答:

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

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

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

2、第二步:配置参数

3、下载

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

QRcode_SP — 1

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

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、获取图片

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

优质二维码展示

gallery02

gallery04

最后

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

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

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

程序员工具集