HBuilder webApp开发(十一)二维码生成

在MUI框架里,MUI帮我们把二维码的扫描（摄像头扫描和图片中扫描）都做好了，但是二维码的生成却没有做。官方文档barcode。
在iOS元里面，以前也写过二维码扫描的《【iOS】AVFoundation架构下的原生二维码和条形码扫描》
二维码生成和读取图片中的二维码《【iOS】一个方法读取图片中的二维码信息》
总体上来说实现起来不难。在H5里面更加简单。

包含jquery文件

使用之前需要先引用连个js文件
jquery-1.8.3.min.js
jquery.qrcode.min.js

<script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="../js/jquery.qrcode.min.js" ></script>

新建一个div元素

<div class="qrcode" style="background: white;height: 256px; width: 256px;"></div>

一个方法生成二维码

$('.qrcode').qrcode(qrcodeUrl);

其中qrcodeUrl是一个url地址。

效果图

最后

代码下载地址：请点击我！
欢迎给星星。