二維條碼高階路線養成計

2021-03-09 12:01:14

作者:三十三重天

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

前言

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

是這樣的👇👇

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"新增個人微信,勾搭作者,歡迎來聊-

程式設計師工具集