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

            });

        }