jquery生成带logo的二维码

码农遇见菜鸟

于 2023-02-06 18:12:46 发布

阅读量375

点赞数 1

文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/weixin_40597855/article/details/128905985

版权

jquery生成带logo的二维码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>该二维码支持中文和LOGO</title>

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

<script type="text/javascript">
    $(document).ready(function() {
        $("#qrcodeCanvas").qrcode({
            render : "canvas",    //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
            text : "https://www.baidu.com/",    //扫描二维码后显示的内容,可以直接填一个网址，扫描二维码后自动跳向该链接
            width : "200",               //二维码的宽度
            height : "200",              //二维码的高度
            background : "#ffffff",       //二维码的后景色
            foreground : "#000000",        //二维码的前景色
            src: 'https://qiniu.haomachina.cn/uploads/20230205/0bc895e97df2c036bda990ae3cb202d9.jpg'             //二维码中间的图片
        });
    });
</script>

</head>
<body>
    <center>
      <h2>该二维码支持中文和LOGO</h2>
      <div id="qrcodeCanvas"></div>
    </center>
</body>
</html>

百度网盘下载地址
链接：https://pan.baidu.com/s/10OE6xZ4KzJhqYoADlZ6xBA
提取码：9696