前言
二维码,生活中处处可见。大家平时见到的二维码是怎么样的呢?
是这样的????????
这样的????????
又或者是这样的????????
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"添加个人微信,勾搭作者,欢迎来聊-。