六、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
            });
        }
时间: 2024-11-05 11:51:11

六、angular 生成二维码的相关文章

在angular中结合使用jquery的生成二维码插件

最近在开发项目中,需要在ionic框架中使用到jquery的生成二维码功能的插件,起初我直接在templates中写js代码: 发现这段代码根本就不会执行,原因是js代码必须要在该模块的作用域范围内才能生效,于是把这段代码该模块对应的controller中即可: 在学习angular中永远不要忘记作用域这件事.哈哈,看来学习编程的过程中有时需要抛开传统的思维方式才行啊.虽然只是一个小小的问题,但对于初学angular的我还是纠结了好一阵.

thinkphp整合系列之phpqrcode生成二维码

php生成二维码其实挺简单的:当然指的是使用qrcode类库: 因此关于是否要写这篇博客:我是犹豫了再三的: 不过最后还是决定写下吧:如果有童鞋急着用:就可以直接引了: 再个也可以作为即将写的文章微信支付生成的二维码做个铺垫: 老规矩:以bjyadmin项目示例:http://git.oschina.net/shuaibai123/thinkphp-bjyadmin 1:首先将/ThinkPHP/Library/Vendor/下的Phpqrcode文件夹拷贝到自己的项目中: 2:/Applica

HP QR Code 生成二维码

最近需要做一个扫码登录的功能,通过HP QR Code来实现,HP QR Code是一个开放源代码的php生成二维码的类库 地址:http://phpqrcode.sourceforge.net/ 通过 phpqrcode.php 的png()方法即可生成二维码图片,png()方法参数说明: public static function png($text, $outfile = false, $level = QR_ECLEVEL_L, $size = 3, $margin = 4, $sav

java--实现将文字生成二维码图片,并在中间附上logo,下方附上文字

前段时间因为工作需要,要实现将一段文字或者url生成二维码,然后中间附上logo,下方正中间附上文字的功能. 上网找了几篇教程学习了下,由于没有保存借鉴的博文链接,所以就没po上参考文章的链接啦,感谢几位博主的分享~ 大概的实现效果如下图所示: 实现步骤: (1)导入java_ZXing_jar包,点此下载jar包 (2)编写画二维码代码 1 package QRCode; 2 3 import com.google.zxing.common.BitMatrix; 4 import javax.

js生成二维码的jquery组件–qrcode

js生成二维码的jquery组件–qrcode 2015/01/30 / 2508 VIEWS / JAVASCRIPT, JQUERY 有一些耗cpu的计算,完全可以在客户端上计算,比如生成二维码. qrcode其实是通过计算,然后使用jquery实现图形渲染和画图.支持canvas和table两种方式生成我们所需的二维码. 一.具体用法 1.所需资源 qrcode是jquery组件,需要至少两个js, 就是 jquery 和 jquery.qrcode.您可以到https://github.

JavaScript的学习--生成二维码

有一些耗cpu的计算,完全可以在客户端上计算,比如生成二维码. qrcode其实是通过计算,然后使用jquery实现图形渲染和画图.支持canvas和table两种方式生成我们所需的二维码. 具体用法 qrcode是jquery组件,需要至少两个js, 就是 jquery 和 jquery.qrcode.可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码. <script type="text/javascript"

Android基于Google Zxing实现二维码/条形码扫描、生成二维码/条形码

 二维码/条形码生成器 二维码/条形码扫描器 一.二维码与条形码工作原理 目前的很多应用上都有扫码功能,当时微信推出二维码扫码功能时,觉得imagine,通过一张简单的图片就能扫描添加还有,还有分享名片功能(也是一张二维码图片,识别扫描). 下面小编将通过文章主要介绍QRCode方面技术. QRCode是被广泛应用的一种二维码,解码速度快.二维码相对于条形码来说,二维码的存储数据量更大,空间利用率高,有一定的容错性. 二维码原理介绍: 二维码是用某种特定的几何图形按一定的规律在平面上分布的黑

phporjquery生成二维码

一.php生成二维码 下载文章末尾链接中phpcode文件 1 使用: 2 include "./phpqrcode/qrlib.php"; 3 QRcode::png('test','test.jpg',QR_ECLEVEL_L,10,0,true); 4 说明参数:($text, $outfile = false, $level = QR_ECLEVEL_L, $size = 3, $margin = 4, $saveandprint=false) 5 第一个参数$text,就是上

微信扫码支付与生成二维码

二维码 (1) 容错级别 L级(低) 7%的码字可以被恢复. M级(中) 的码字的15%可以被恢复. Q级(四分)的码字的25%可以被恢复. H级(高) 的码字的30%可以被恢复. (2) 二维码生成插件qrious qrious是一款基于HTML5 Canvas的纯JS二维码生成插件.通过qrious.js可以快速生成各种二维码,你可以控制二维码的尺寸颜色,还可以将生成的二维码进行Base64编码. qrious.js二维码插件的可用配置参数如下: 参数 类型 默认值 描述 backgroun