六、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
            });
        }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值