六、angular 生成二维码

  • 首先需要安装angular-qrcode :
bower install monospaced/angular-qrcode
npm install angular-qrcode
  • 如何使用?
    在相应的需要使用二维码的页面增加如下代码:

注意:这里的“version”和"size"可以根据github上面找出自己想要的结果:

生成含有图片的二维码:

这里没有angular插件方法,需要引入juquery的一个插件,插件在《我上传的文件》中:jquery.qrcode.min.js:

1、在相应页面html中:

 2、在相应的controller中:

   function generateQRCode() {
            vm.hostHref = location.href;//生成二维码
            $('.QRCode').empty().qrcode({
                image: $("#logoImg")[0],
                imagesize: 0.15,
                mode: 4,
                render: "canvas",
                size: 200,
                text: vm.hostHref
            });

            //生成二维码
            $('.logo').empty().qrcode({
                image: $("#logoImg")[0],
                imagesize: 0.15,
                mode: 4,
                render: "canvas",
                size: 70,
                text: vm.hostHref
            });
        }
原文地址:https://www.cnblogs.com/gunelark/p/7290578.html