V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
React
ciaochaos
V2EX  ›  React

前端实现艺术二维码生成~

  ciaochaos · 189 天前 · 32824 次点击
这是一个创建于 189 天前的主题,其中的信息可能已经有所发展或是发生改变。

用 React 做了一个二维码生成器,欢迎来玩!

Github 仓库
github.com/ciaochaos/qrbtf

访问网站
qrbtf.com

图文介绍

第 1 条附言  ·  178 天前
C2 样式操作演示视频来啦!
b23.tv/CxkcTU
第 2 条附言  ·  173 天前

!!!

你们要的 React 库来啦

Github
github.com/cpunisher/react-qrbtf

安装

npm install react-qrbtf --save
167 条回复    2020-09-03 12:34:38 +08:00
1  2  
guanhui07
    101
guanhui07   166 天前   ❤️ 1
可以可以
robinlovemaggie
    102
robinlovemaggie   166 天前   ❤️ 1
@ciaochaos 99 常年用 VX 大扫除
ciaochaos
    103
ciaochaos   166 天前
@robinlovemaggie 哈哈可能是背景图的问题? C2 可以不
robinlovemaggie
    104
robinlovemaggie   166 天前
@ciaochaos 102 网站 C2 可以
ciaochaos
    105
ciaochaos   166 天前
@robinlovemaggie OK 了解了
ciaochaos
    106
ciaochaos   163 天前
新样式发布! A — a1

浏览图:i.v2ex.co/Eypg4rIh.jpeg
ciaochaos
    107
ciaochaos   163 天前
新样式发布! A — b1 、A — b2
ciaochaos
    108
ciaochaos   162 天前 via iPhone
@hlayk @violetlai Shift 已经改为拖拽啦
mtmzorro
    109
mtmzorro   161 天前   ❤️ 1
漂亮那 赞个 star
ciaochaos
    110
ciaochaos   161 天前
@mtmzorro 开心~
vissssa
    111
vissssa   161 天前   ❤️ 1
好看,点赞
ciaochaos
    112
ciaochaos   161 天前
@vissssa 最近又加了一波新样式,一起来写哈哈
QMore
    113
QMore   160 天前
用过这个 https://cli.im/
ciaochaos
    114
ciaochaos   160 天前
@QMore Yes,他们的产品经理告诉我草料刚刚换上了新的美化器,快去试试吧~
vincent321
    115
vincent321   160 天前   ❤️ 1
秀儿 为什么你可以这么优秀。换 QR CODE 走起
ciaochaos
    116
ciaochaos   160 天前
@vincent321 哈哈哈哈哈换吧换吧!
AoTmmy
    117
AoTmmy   160 天前   ❤️ 1
提个小建议,输入网址后自动生成二维码,这样方便多了
参考 https://www.the-qrcode-generator.com/
ciaochaos
    118
ciaochaos   160 天前
@AoTmmy 嗯嗯!这样当然是最爽的哈哈,代码改动量也不会超过一行( onblur vs. onchange ),但是我们考虑到某些二维码样式会有比较大的运算量,onchange 会出现比较糟糕的延时,就弃用了。尤其是当 URL 特别长的时候,生成速度就会……肉眼可见的慢。
ciaochaos
    119
ciaochaos   159 天前 via iPhone
![]( )
smileherd
    120
smileherd   159 天前   ❤️ 1
赞!很棒!
ciaochaos
    121
ciaochaos   159 天前
@smileherd ✌️
iMusic
    122
iMusic   159 天前   ❤️ 1
linvaux
    123
linvaux   159 天前   ❤️ 1
挺有意思的,已 star
fengyiqicoder
    124
fengyiqicoder   159 天前   ❤️ 1
牛逼牛逼
ciaochaos
    125
ciaochaos   158 天前
@iMusic @linvaux @fengyiqicoder 嘻嘻谢谢!
poorcai
    126
poorcai   158 天前
可以生成微信二维码吗?
ciaochaos
    127
ciaochaos   158 天前 via iPhone
@poorcai 嗯嗯可以的
MomoS
    128
MomoS   157 天前 via Android   ❤️ 1
好漂亮啊,啧啧啧
ciaochaos
    129
ciaochaos   157 天前 via iPhone
@MomoS ✊🏻
janda
    130
janda   157 天前
为什么这里面的所有字都是绿色的?其它主题的就是默认的?
ciaochaos
    131
ciaochaos   157 天前
@janda 哈?你是说 V2EX NodeJS 的 CSS 配色吗
janda
    132
janda   157 天前
@ciaochaos 是的、至少这个主题是这样的
ciaochaos
    133
ciaochaos   156 天前
@janda 哈哈哈哈是了,我也没办法 😂
kajweb
    134
kajweb   154 天前
支持 微信小程序码吗?
ciaochaos
    135
ciaochaos   154 天前
@kajweb 之前有位朋友写了一个不需要依赖和框架的版本,看这里 👉 https://github.com/ciaochaos/qrbtf/issues/8
Dashy
    136
Dashy   153 天前   ❤️ 1
star +1
ciaochaos
    137
ciaochaos   153 天前 via iPhone
@Dashy 🌟
amwyyyy
    138
amwyyyy   153 天前   ❤️ 1
有点意思
ciaochaos
    139
ciaochaos   153 天前
@amwyyyy 😉
sparrow02
    140
sparrow02   153 天前   ❤️ 1
很有趣,star !
ciaochaos
    141
ciaochaos   153 天前 via iPhone
@sparrow02 谢谢!
ae
    142
ae   151 天前   ❤️ 1
很不错
ciaochaos
    143
ciaochaos   151 天前 via iPhone
@ae ✊🏻
mopengiio
    144
mopengiio   149 天前   ❤️ 1
奈斯啊老哥
ciaochaos
    145
ciaochaos   148 天前 via iPhone
@mopengiio 耶!
patrick961214
    146
patrick961214   147 天前   ❤️ 1
赞 b( ̄▽ ̄)d
brader
    147
brader   146 天前   ❤️ 1
请问作者,你这个生成的二维码,我放到各个二维码解析网站,都显示解析不了,但是实际扫码又是能正常使用的,是什么问题?
其他网站生成的二维码,能正常解析的。
ciaochaos
    148
ciaochaos   146 天前 via iPhone
@patrick961214 ✌🏻
ciaochaos
    149
ciaochaos   146 天前 via iPhone
@brader 因为微信的识别引擎太优秀了哈哈,一般的扫描工具,尤其是前端,都做不到这么高的识别效率和容错。
dox1994
    150
dox1994   145 天前   ❤️ 1
已 star,网站 ui 好漂亮,ui 是用什么做的呀
ciaochaos
    151
ciaochaos   145 天前
@dox1994 是我自己用 CSS 写的~没有用 UI 库
HangoX
    152
HangoX   120 天前   ❤️ 1
非常赞!!!
vertigo
    153
vertigo   120 天前   ❤️ 1
nice!
ciaochaos
    154
ciaochaos   120 天前
@vertigo ✌🏻
ciaochaos
    155
ciaochaos   120 天前
@HangoX thx !
zjf
    156
zjf   119 天前   ❤️ 1
太帅了
ciaochaos
    157
ciaochaos   118 天前 via iPhone
@zjf 👏🏻
Hallujah
    158
Hallujah   118 天前   ❤️ 1
好看,帮顶一个
ciaochaos
    159
ciaochaos   117 天前
@Hallujah 谢谢~
lijie0981
    160
lijie0981   112 天前   ❤️ 1
很棒!
ciaochaos
    161
ciaochaos   112 天前
@lijie0981 😉
palmers
    162
palmers   112 天前   ❤️ 1
非常优秀!
ciaochaos
    163
ciaochaos   112 天前
@palmers 🙌🏻
Handle
    164
Handle   102 天前   ❤️ 1
我们是两位大一的学生,太可怕了
IssacTomatoTan
    165
IssacTomatoTan   102 天前 via Android   ❤️ 1
那个人很厉害
ciaochaos
    166
ciaochaos   99 天前
@Handle 😂😂😂
machunning9843
    167
machunning9843   90 天前
很强,点赞!
1  2  
关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   4462 人在线   最高记录 5298   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 31ms · UTC 09:48 · PVG 17:48 · LAX 01:48 · JFK 04:48
♥ Do have faith in what you're doing.