ITPub博客

首页 > IT职业 > IT生活 > 前端制作二维码

前端制作二维码

IT生活 作者:apnic 时间:2021-09-09 10:45:03 0 删除 编辑
//引入本地二维码插件
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="../libs/jquery/qrcode.min.js"></script>

function createQRCode(val){

    $("#qrcode").empty();   //清空二维码容器
    var qrcode = new QRCode('qrcode', {
        text: val,
        width: 141,
        height: 141,
        colorDark: '#000000',
        colorLight: '#ffffff',
        correctLevel: QRCode.CorrectLevel.H
    });

}
<button onclick="createQRCode('谢谢打赏')">生成二维码</button>
<div id="qrcode"></div>

说明:利用这个插件很简单就能实现二维码的制作,插件用了canvas技术来生成二维码图片。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1282/viewspace-2825815/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    121
  • 访问量
    792