码迷,mamicode.com
首页 > 其他好文 > 详细

六、angular 生成二维码

时间:2017-08-05 17:44:26      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:oca   span   使用   logo   http   插件   com   需要   ati   

  • 首先需要安装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 生成二维码

标签:oca   span   使用   logo   http   插件   com   需要   ati   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!