二維碼高端路線養成計

2021 年 3 月 8 日
筆記
Github, 二維碼, 技能

作者：三十三重天

最好不是在夕陽西下的時候幻想什麼，而是在旭日出生的時候即投入行動！

前言

二維碼，生活中處處可見。大家平時見到的二維碼是怎麼樣的呢？

是這樣的👇👇

這樣的👇👇

又或者是這樣的👇👇

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”添加個人微信，勾搭作者，歡迎來聊^–。

Tags: Github 二維碼技能