我是靠谱客的博主 敏感月亮,最近开发中收集的这篇文章主要介绍QRCode.js 生成二维码详细API和参数,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

参考:https://www.runoob.com/w3cnote/javascript-qrcodejs-library.html

运行代码:https://www.runoob.com/try/try.php?filename=tryhtml5_QRCode

 

浏览器支持

支持该库的浏览器有:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, 等。

基本用法

<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "http://www.runoob.com");  // 设置要生成二维码的链接
</script>

 或者使用一些可选参数设置:

var qrcode = new QRCode("test", {
    text: "http://www.runoob.com",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

同样我们可以使用以下方法:

qrcode.clear(); // 清除代码
qrcode.makeCode("http://www.w3cschool.cc"); // 生成另外一个二维码


 

参数说明

new QRCode(element, option)
名称默认值说明
element-显示二维码的元素或该元素的 ID
option 参数配置

option 参数说明

名称默认值说明
width256图像宽度
height256图像高度
typeNumber4 
colorDark"#000000"前景色
colorLight"#ffffff"背景色
correctLevelQRCode.CorrectLevel.L容错级别,可设置为:

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H

API 接口

名称说明
makeCode(text)设置二维码内容
clear()清除二维码。(仅在不支持 Canvas 的浏览器下有效)

 

资源下载

Qrcode 库及实例下载:qrcodejs-04f46c6.zip

Github 地址:https://github.com/davidshimjs/qrcodejs


 

最后

以上就是敏感月亮为你收集整理的QRCode.js 生成二维码详细API和参数的全部内容,希望文章能够帮你解决QRCode.js 生成二维码详细API和参数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部