H5 生成带图片的二维码

标明，此处非原创。另，感谢原创大神。但是我找不出您老人家的原创作品了。只好在这里做一次记录。

HTML代码:

<div id="qrcode" class="qrcode"></div>

JS代码：

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

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

　所需JS：百度网盘，我的资源-js资源

H5 生成带图片的二维码

推荐阅读