qrious二维码生成入门案例

最新推荐文章于 2023-06-26 19:43:05 发布

xlecho

最新推荐文章于 2023-06-26 19:43:05 发布

阅读量1.2k

点赞数

分类专栏：技术介绍文章标签：二维码 qrious QRCode 微信支付支付宝支付

本文链接：https://blog.csdn.net/xlecho/article/details/80214371

版权

技术介绍专栏收录该内容

32 篇文章 0 订阅

订阅专栏

xl_echo编辑整理，欢迎转载，转载请声明文章来源。更多IT、编程案例、资料请联系QQ：1280023003
百战不败，依不自称常胜，百败不颓，依能奋力前行。——这才是真正的堪称强大！

qrious 是一款基于 HTML5 Canvas 的纯 JS 二维码生成插件。通过 qrious.js 可以快速生成各种二维码，你可以控制二维码的尺寸颜色，还可以将生成的二维码进行 Base64 编码。

这里写图片描述

在页面上引入qrious.js ，并按照上表配置参数，即可直接生成二维码。以下是二维码生成的Demo

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>二维码入门Demo</title>
</head>
<body>
<img id="qrious">
<script type="text/javascript" src="qrious.js"></script>
<script>
    var qr = new QRious({
        element:document.getElementById('qrious'),
        size:150,
        level:'H', 
        value:'https://blog.csdn.net/xlecho'
    });
</script>
</body>
</html>

效果
这里写图片描述

xlecho

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
qrious二维码生成入门案例

xl_echo编辑整理，欢迎转载，转载请声明文章来源。更多IT、编程案例、资料请联系QQ：1280023003 百战不败，依不自称常胜，百败不颓，依能奋力前行。——这才是真正的堪称强大！qrious 是一款基于 HTML5 Canvas 的纯 JS 二维码生成插件。通过 qrious.js 可以快速生成各种二维码，你可以控制二维码的尺寸颜色，还可以将生成的二维码进行 Base64 编码...
复制链接

扫一扫