首页 > 其他 > 详细

六、angular 生成二维码

时间:2017-08-05 17:16:29      阅读:1241      评论:0      收藏:0      [点我收藏+]
  • 首先需要安装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
            });
        }

 

六、angular 生成二维码

原文:http://www.cnblogs.com/gunelark/p/7290578.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!