六、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