作者:三十三重天
最好不是在夕陽西下的時候幻想什麼,而是在旭日出生的時候即投入行動!
二維條碼,生活中處處可見。大家平時見到的二維條碼是怎麼樣的呢?
是這樣的👇👇
這樣的👇👇
又或者是這樣的👇👇
WC,這個作者真的不要臉,大家千萬不要掃,你根本不知道人的底線在哪裡。
轉折這麼快就像龍捲風,你想不到,我也想不到。😏😏
大家是不是有這麼一種感覺,當草坪上如果都是草滿眼的綠色,綠的發慌。有一天蒲公英盛開了,或者小野花也開了,映入眼簾的景色就多了,人也看的舒服。當前這個例子很low,大家看看就好。主要是想引匯出大家對審美的看法。
同樣的道理在二維條碼上也是一樣的,如果每天都面對大相徑庭的內容,大家總會審美疲勞,如果這個時候有一些新奇的小野花映入你的眼簾,你會不會覺得不錯呢。
人民群眾提問:「這個小野花是什麼?」
老藝術家:「小野花也叫藝術二維條碼生成器,實現的方式有很多種,今天介紹一種,名叫QRBTF。這是一個開源專案,大家可以在Github上進行搜尋。「
特徵
如果你是一個小白,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"新增個人微信,勾搭作者,歡迎來聊-。