当前位置: 首页 > 编程日记 > 正文

uniapp中qrcode生成二维码后传的参数不见了_阿虚教你制作动态二维码,超详细教程!

07c33d3190cc77eb4175639b1c4121be.png

这篇教程很早之前就答应几个粉丝要写,拖的有点久了。

内容比较多,先上个目录

9dbb3d7ef79f392874493414141178ce.png

阿虚的教程会迟到,但永远不会缺席。hahahahhaha...

4a6326e10d0fea7fcd8a198685b48748.png

一、 先说一下今天要教的内容

ʕ•̫͡•ོʔ•̫͡•ཻʕ•̫͡•ʔ•͓͡•ʔ

1.不准备教的

类似这种二维码,阿虚觉得比较丑 (゚⊿゚),就不教这种了:

dbcad5a8637e4962d04fead901776c5f.gif

9aded5a1d2374d37769d87cd0ae3cba2.gif

另外像下面这种二维码,一般需要AE(Adobe After Effects)来制作。

AE这个软件本身就比较复杂了,而且制作这种二维码也很费时间,所以阿虚也不准备教这个了。

883f34e0c85c94804291e27cf5ed1ad0.gif
如果想做这种二维码,可以看看这篇教程:https://www.zcool.com.cn/work/ZMTc2MjU5NDg=.html(教程作者说她断断续续做了大概一个月)

2.准备教的有三种

以下3种动态二维码有些许差别,阿虚个人还是最喜欢最后一种

9a6fb7955144ad98cccff6bcf56883a3.gif
类型1

818d7d24fe49d0001b8b4a8304b770b0.gif
类型2

d0aa367e5f643cf9b71d06bbe4cf6ebc.gif
类型3

二、网站

先说用最简单的办法,就是直接用网站一键生成。

当然,制作动态二维码,你首先需要一张GIF,找GIF的网站很多,简单举几个例子

  • GIPHY:https://giphy.com/
  • SOOGIF:https://www.soogif.com/

(一)静态彩色背景二维码

1.草料二维码美化

网址:https://cli.im/tools

ffd8ce41550e7ea8292ade0a996d5a6c.png

2.联图网二维码美化

网址:http://www.liantu.com/meihua/

这个网站可以生成的彩色二维码类型挺多的,下面是部分截图预览

b55eed2b87bb5d7b389b87c2d0489184.png

b7801ae95f7ee685e985de266c08e769.png

fdaca1b1007c670e3227a83fa8597f16.png

3.半色调视觉二维码生成器

网址:http://www.mobanma.com/bsd.html

726673e9ccd396ce9a2ed6d059f64414.png

4.半色调二维码生成器

网址:https://spacekid.me/halftone-qr-code-generator/

0e95d215662b6f2352a547b6efba3248.png

bce1c37c5e41b03cf7f557c0c1ca8434.png

(二)动态二维码图片

网址:https://www.toolnb.com/tools-qrcode-featureQrcode.html

ced89800849e557c7c4f8d5da03d460f.png
  • 可以生成彩色或者黑白的二维码
  • 可以一键生成类似下面这种效果的动态二维码(上面的类型1)

4cea16a532c7305e8e839b52cc3e04dd.gif

(三)GIF动态全色调视觉码

网址:http://www.mobanma.com/visual

b5c40272ce18c9cbf2c11e5ba42c2e07.png

可以选择不同的码眼类型(就是二维码的定位点)

67a1ed36ee657014a642521af31bd18c.png

可以生成下图类型的动态二维码(上面的类型2)

3679dceb56e124ac4b3e56c767e9ff72.gif

三、软件

下面讲用软件的办法来制作动态彩色二维码。

(一)安卓

36a26a26b9339ea42db2c3c1b7aab1a7.png

Qart能生成彩色或者黑白的二维码,这个就没教程了,导入图片一键生成。

文末提供软件下载方式。

57019849bf0a94ebc3c2736f60def773.png

(二)Windows

先说清楚了,Windows看起来教程比较长,但是请别怕

eb88fb4728dc2aaaab12d4f3960936c0.png

1.MyQR

(1)事前准备

准备你二维码的扫描结果(网址或者文字),再准备一张GIF图,最好是正方形尺寸的。

d38ac41016329a9674c1abc31c87a67f.gif

这张图片尺寸为200*200 px,也就是宽度和高度相等,帧数为27。

建议选择帧数较少、背景比较干净的动图来制作二维码。

(2)效果的预设

MyQR这个工具不提供设置各参数的图形化界面,需要设置一个txt文档来填写相应的参数, 把GIF放到myqr同一个文件夹,然后设置一下info.txt。

8dba60b60fca53ab55fc0e2f04bb8b61.png

info.txt 内容包含:

v=10
l=L
p=功夫熊猫.gif
c
con=1.0
bri=1.0
words=http://kyon945.ys168.com/

一共是7行信息(基本上你用不改动)

  1. v:指的是二维码的边长,可填1~40建议不要太大,边长越大,产生越费时,二维码占的空间也大。一般选定一个大小(如10)。
  2. l:指的是二维码容错水平,从低到高依次为L、M、Q、H。一般建议填写L,这样可以减少二维码有效部分,提高二维码颜值。
  3. p:指的是图片,把你要转换成二维码的图片的完整名称填上,包括文件后缀.gif。功夫熊猫.gif就是我获取的功夫熊猫动图的名称。
  4. c:这一行是用来区分黑白还是彩色效果的。当保留c这一行时,指的是选择彩色效果;删掉这一行,则指的是黑白效果。记住:删掉c时,记得要整行删掉,不要留出空白的一行。
  5. con:这指的是图片的对比度。填写默认的1.0即可。可以适当增减。
  6. bri:这行用于调节图片亮度,填写默认的1.0即可。可以适当增减。
  7. words:可以是网址,也可以是文字。
总结:一般只需要修改:p 和 words 即可。

(3)生成动态二维码图

准备好之后双击myqr.exe即可开始制作动态二维码

2274b7e7176307f4d2c5c59b7f2e275f.png

打开之后会弹出一个命令行界面,意思是让你等待。

94df3f7ce4f1616d1f390de41960696b.png

生成的动态二维码同样在该文件夹中,最后生成的效果图。

60b7d50056096640d105f7fc0420c064.gif
项目github地址:https://github.com/sylnsfar/qrcode

2.UGA+VisualQRC+ShanaEncoder

类型3的二维码,需要3个软件来制作。

(1)事前准备

先找一张很可爱的GIF ꉂ(ˊᗜˋ*)

6f872625b1502a27a067936f2153604b.gif

准备这三个软件,阿虚给的都是单文件版,无需安装,下载后直接运行(文末提供下载方式)

5adbe756e8603f5d034a347314ffafd9.png

(2)UGA处理图片

打开阿虚提供的单文件版UGA5,导入图片(修改图片)导出为视频

af66d8efdb6aaa07b5bfdef8dfe6e08a.png

打开图像之后,如果图片不是正方形尺寸的,请调整一下图像大小,或者修改一下画布大小

89b5c37f6302657887f9a39bf97d7238.png

修改完之后,点击左上角文件,另存为视频文件

0a6419a91fd2c4a073002b92bca69a1b.png

一般默认设置即可

6169ec915fc2d44ad07b528ae7311321.png

(3)VisualQRC导入视频

然后打开阿虚提供单文件版VisualQRC,导入刚刚导出的视频并制作动态二维码

2975958f6db0af169a4cc3b466576b75.png

7329b2fcf64cc2af9f875cdf87b257ee.png

8281626a9fc0ccd797e47eaf49189964.png

点击打开文件后,会弹出下面这样一个窗口。

016eb1b9c03ca87d67d9a9495b6b9d1b.png
  • Version 是二维码的版本设置,你可以理解为二维码的定位标志数量。(你可以看下图轻松理解)
  • EC Level 是容错级别,L级可纠正约7%错误、M 级别可纠正约15%错误、Q 级别可纠正约25%错误、H 级别可纠正约30% 错误,一般设置为 Q 即可

3ef3d93da7d4dd5fe6d166a59cd306ef.png

(4)VisualQRC制作二维码

然后就进入软件主界面了

ce1732a05b99feb76f883f46a1f51cc5.png

觉得刚刚的version设置的不合适的话,还是可以修改的

b68e3c0957bf35f82aa3e5c90fc958f3.png

觉得没问题就点击软件主界面左上角的齿轮导出二维码,这时会有个导出设置,建议设置为全帧(非压缩的)

11884c4b35fb28cead52dd433922cb2c.png

(5)等待结果

然后你需要耐心等待软件处理

a981437888c8f3e66f730b58bb5bb3ff.png

等到提示Done,就表示完成啦。

5b5d4a44aeff95a26a87fc5ac5637832.png

df9d1c4ed1f751e870f3a5ccb73e1134.png

(6)视频转为GIF

我们用VisualQRC导出的是视频格式的二维码,最后用ShanaEncoder把视频转GIF就行啦。

feee13ef38f7bccfd236bc522861d7aa.png

另外补充一下,自己记得设置输出目录(阿虚求求泥们不要来问我找不到输出的文件在哪里这种问题嘞!)

cab90de0f269148a9a4585e0759ef34e.png

最后成品如下(╭ ̄3 ̄)╭♡

d0aa367e5f643cf9b71d06bbe4cf6ebc.gif

四、软件下载

安卓

Qart:https://axu.lanzous.com/icbte9a

Windows

1.MyQR:myqr(一键生成动态彩二维码).zip - 蓝奏云

2.UGA+VisualQRC+ShanaEncoder:UGA+VisualQRC+ShanaEncoder.zip - 蓝奏云

63ed9b2c33e88c310dd8c3c8ea1b6b3e.png

今天的内容可能比较小众吧

但如果有喜欢折腾的小伙伴,不妨下载软件,跟着教程花3分钟做一个属于自己的二维码试试咯?

23c1dc6fd3dee34708fdab1be4d411ca.gif

相关文章:

得到最后的自增长列的最后一个值

declare Table_name varchar(60) set Table_name aa; Select so.name Table_name, --表名字 sc.name Iden_Column_name, --自增字段名字 ident_current(so.name) curr_value, --自增字段当前值 ident_incr(so.name) incr_value, --自增字段增长值 ident_seed(so.name) s…

关于C语言中 字符串常量的问题

昨天晚上我编写了一段简短的C语言程序(Linux环境下),编译能够通过,但是运行的时候老是报段错误。我当时非常郁闷,因为代码不长。其中主函数中有这样一句话: char *str"epmzm bpmzm qa eqtt bpmzm qa i…

WPF布局(2) 使用的DockPanel面板进行简单的布局

DockPanel 面板是根据外边缘进行控件的拉伸&#xff0c;DockPanel的LastChildFill属性设置为True 时&#xff0c;最后一个添加的控件将占满剩余空间。 <DockPanel LastChildFill"True"><Button DockPanel.Dock"Top">Top Button</Button>…

合并两个有序数组(重新开始)

在看分治算法的时候&#xff0c;想先自己写写合并的代码&#xff0c;还是不熟练啊&#xff01; 为了保持对代码的敏感度&#xff0c;要保持练习。加油&#xff01; public class JustDoIt0803 {/*** 分治算法学习前准备*/public static void main(String[] args) {int[] x new…

miui通知栏要点两下_MIUI免费主题分享,半透明通知栏很好看,另附壁纸!

最近很少分享主题&#xff0c;主要原因是没发现太好的&#xff0c;甚至主题连一处漂亮的点都没有&#xff0c;不过还是有一款状态栏很精致的主题&#xff0c;这里分享大家&#xff0c;可用作混搭使用&#xff01;主题名&#xff1a;Blur首先主题是免费的&#xff0c;也之所以免…

C#中的委托和事件(续)

引言 如果你看过了 C#中的委托和事件 一文&#xff0c;我想你对委托和事件已经有了一个基本的认识。但那些远不是委托和事件的全部内容&#xff0c;还有很多的地方没有涉及。本文将讨论委托和事件一些更为细节的问题&#xff0c;包括一些大家常问到的问题&#xff0c;以及事件访…

优先级队列实现哈夫曼树的编码和译码

//优先级队列实现的哈夫曼树的编码和译码 #include<iostream> #include<queue> #include<string> using namespace std; class Node { public: float weight; Node* left; Node* right; char ch; Node(float…

Git,Github和Gitlab简介和使用方法

什么是Git Git是一个版本控制系统&#xff08;Version Control System&#xff0c;VCS&#xff09;。 版本控制是一种记录一个或若干文件内容变化&#xff0c;以便将来查阅特定版本修订情况的系统。 多年前&#xff0c;我在法国做第一个实习时&#xff08;2011年&#xff09;&a…

Win10控制桌面图标显示

1、桌面鼠标右键&#xff0c;进入个性化 2、进入主题&#xff1a; 3、 转载于:https://www.cnblogs.com/132818Creator/p/11356237.html

如何查看笔记本电脑配置参数_教你如何查看 MacBook 配置,超简单

相信很多人都会遇到这样的情况&#xff1a;当有人问起你的 MacBook 配置时&#xff0c;你却愣了&#xff0c;因为你自己都没注意或者查看过。实际上&#xff0c;有很多人对自己的电脑配置都不是很清楚&#xff0c;本期Mac毒就来教教你如何快速查看苹果电脑的相关配置。1、首先&…

为什么以太网帧的长度最短64字节,最长1518字节?

1.碰撞槽时间 假设公共总线媒体长度为S&#xff0c;帧在媒体上的传播速度为0.7C&#xff08;光速&#xff09;&#xff0c;网络的传输率为R&#xff08;bps&#xff09;&#xff0c;帧长为L&#xff08;bps&#xff09;&#xff0c;tPHY为某站的物理层时延&#xff1b; 则有&a…

PHP 利用AJAX获取网页并输出(原创自Zjmainstay)

看点&#xff1a; 1、file_get_contents超时控制。 2、页面编码判断。 3、键盘Enter键捕捉响应。 4、键盘event兼容处理。//event event || window.event; 5、XMLHttpRequest 和 jQuery 两种实现方案。 6、页面及源码同时展示。 XMLHttpRequest版本 get_web.php <?phphead…

TCP/IP 协议栈4层结构及3次握手4次挥手

TCP/IP 协议栈是一系列网络协议的总和&#xff0c;是构成网络通信的核心骨架&#xff0c;它定义了电子设备如何连入因特网&#xff0c;以及数据如何在它们之间进行传输。TCP/IP 协议采用4层结构&#xff0c;分别是应用层、传输层、网络层和链路层&#xff0c;每一层都呼叫它的下…

简述BT下载技术及其公司发展现状

一、 BT下载技术是什么&#xff1f;谁发明的&#xff1f; 2003年&#xff0c; 软件工程师Bram Cohen发明了BitTorrent协议&#xff08;俗称“BT下载”&#xff09;&#xff0c;其采用高效的软件分发系统和P2P技术共享大体积文件&#xff08;如一部电影或电视节目&#xf…

php要怎么使用imagettftext_延长防腐木使用要怎么做呢?

木结构基层的处理&#xff1a;设计施工中应充分保持防腐木材与地面之间的空气流通&#xff0c;可以更有效延长木结构基层的寿命。制作安装防腐木时&#xff0c;防腐木之间需留0.2-1CM的缝隙(根据木材的含水率再决定缝隙大小&#xff0c;木材含水率超过30&#xff05;时不应超过…

15个新鲜的单页网站设计实例

单页网站因为结合着css3 html5和jquery技术 使得这样的网站看这些网站看起来更具吸引力和新鲜的感&#xff0c;逐渐成为互联网上一个新趋势 &#xff0c;今天介绍网站设计一些新鲜的例子 。我希望大家将欣赏这美妙的设计师做的工作。随时分享您的看法&#xff0c; 1) Pigspotte…

异常处理机制(Begin try Begin Catch)

begin try--SQL end trybegin catch --sql (处理出错动作)end catch我们将可能会出错的sql 写在begin try...end try 之间&#xff0c;若出错&#xff0c;刚程序就跳到紧接着的begin try...end try 的beign catch...end catch中&#xff0c;执行beign catch...end catch错误处理…

开源工程系列之讯飞VBOX改装蓝牙5.0(aptX HD)音箱

最近得到一个小度智能音箱&#xff0c;功能还不错&#xff0c;但是音效一般。想起了吃灰的讯飞VBOX&#xff0c;音效相当棒&#xff0c;只是APP和服务器已经不再维护&#xff0c;只能放里面自带的歌曲&#xff0c;遂决定改装VBOX为蓝牙音箱&#xff0c;使用aptX HD&#xff08;…

台式电脑键盘按键错乱_Win7系统键盘数字错乱了应该如何解决?

Win7系统键盘数字错乱怎么办&#xff1f;相信很多用户都遇过键盘数字键错乱的情况&#xff0c;明明按的是数字键&#xff0c;但是却打不出相应的数字&#xff0c;整体键盘数字都错乱了&#xff0c;这是什么回事呢&#xff1f;接下来就为大家分享win7系统键盘数字错误恢复方法。…

程序编辑SHP文件并应用更改到数据源

在上一篇Blog中峻祁连介绍了在Map 3D中通过程序删除图层及数据源的方法&#xff0c;并且卖了个关子&#xff0c;这个方法还有另外一个妙用&#xff0c;今天就简单介绍一下。对数据源的编辑估计是Map 3D开发中最常见的功能了&#xff0c;包括对添加、删除和修改要素。这里以删除…

目录树结构改变后刷新目录树

主界面中含有一个目录树&#xff08;是将一个目录下所有的文件和子文件呈现成一个可以逐级展开的树&#xff09;&#xff0c;我将树的功能单独写成一个FileTree.class&#xff0c;这样能够让目录树处理更清晰些。第一次我的做法是&#xff1a;将建立TreeViewer和Tree写在FileTr…

Docker - 在CentOS7.5中升级Docker版本

1 - 检查当前版本 [rootlocalhost ~]# uname -a Linux localhost.localdomain 3.10.0-957.el7.x86_64 #1 SMP Thu Nov 8 23:39:32 UTC 2018 x86_64 x86_64 x86_64 GNU/Linux [rootlocalhost ~]# [rootlocalhost ~]# cat /etc/system-release CentOS Linux release 7.5.1804 (C…

编码的细微区别

在编程学习的深入后&#xff0c;不可避免的会遇到ANSI、GB2312、UTF8的编码问题&#xff0c;如果不彻底了解他们的区别&#xff0c;都最终会造成一个问题--乱码&#xff01;想要更好的了解编码&#xff0c;我们首先应该了解编码的历史演变。 在继续学习之前先明白一下转化关系吧…

Axel之 -axel_do剖析

axel_do主体部分&#xff0c;尝试从多个连接select方式去读取数据&#xff0c;如果读取失败或者连接超时就重新连接。 下面是代码分析. //下载的主循环void axel_do( axel_t *axel ){ fd_set fds[1]; int hifd, i; long long int remaining,size; …

win10键盘全部没反应_Win10笔记本键盘失灵怎么办 Win10键盘失灵解决方法【详解】...

相信现在已经有很多朋友都已经成功升级了win10正式版&#xff0c;不过最近有用户反映&#xff0c;升级Win10笔记本键盘失灵怎么办?下面迅维小编整理了一些常见的原因与解决办法&#xff0c;供大家参考尝试解决。Win10笔记本键盘失灵的原因一1、没有开启小键盘很多笔记本都带有…

基于链接的排序算法

基于链接的排序算法似乎已广泛应用到各种商业seohua.net”> 搜索引擎中。为了让设计出来的网站能够在各种搜索引擎中获得较高排名&#xff0c;设计者们应该知道这些算法的原理。Google排名的成功意味着PageRank算 法值得特别的关注。PageRank算法是少数几个公开的排序算法之…

Spring Boot配置全局异常捕获

1 SpringBoot配置全局的异常捕获 项目的说明 配置thymeleaf作为视图模板ExceptionController.java模拟测试用MyAjaxExceptionHandler.java捕获到异常以ajax形式返回MyExceptionHandler.java捕获到异常以页面形式返回ajaxerror.html这个是测试返回ajax异常的页面error.html以页面…

一步一步Asp.Net MVC系列_权限管理总结(附MVC权限管理系统源码)

TZHSWEET&#xff1a;请大家多多反馈问题&#xff0c;我已经在修改中了&#xff0c;已更新版本。。。。。。 如果大家遇到数据库附加问题&#xff0c;EF连接字符串问题&#xff0c;请自行配置,如果有bug反馈可以私聊&#xff0c;我的qq&#xff1a;409180955。 项目已经发布到G…

电脑壁纸励志_励志壁纸 | 要乖 要长大 要努力 要不负众望

全世界只有不到1%的人关注了壁纸阿姨你真是个特别的人2020.4.17要乖 要长大 要努力 要不负众望励志壁纸全文字数&#xff1a;236阅读时间&#xff1a;1分钟图片数目&#xff1a;361“我不懂什么年少轻狂&#xff0c;我只知道胜者为王。”点击图片 长按保存高清原图♥2“愿你以渺…

ubuntu自定义命令

ubuntu中通过alias可以自定义快捷命令 在.bashrc中加入alias指令可以定义快捷命令&#xff0c;以下为我常用快捷命令 alias watwatch -n 1 nvidia-smi alias gohomecd /home/B/gaoye alias cdcodecd /home/B/gaoye/code 转载于:https://www.cnblogs.com/yeran/p/11367988.html