当前位置:首页 > 开发 > Web前端 > 前端 > 正文

通过二维码开放平台的API快速生成二维码

发表于: 2015-07-06   作者:一炮送你回车库   来源:转载   浏览:
api
摘要:  现在很多网站都有通过扫二维码用手机连接的功能,联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊,写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs

 现在很多网站都有通过扫二维码用手机连接的功能,联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊,写了个前台快速生成二维码的方法。

       html代码如下:(二维码将生成在这div下)

?
1
   < div  id = 'qrcode' ></ div >

 

         js代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
var  qrCode = {
     //初始化属性
     jsonData:{
         content     :  '' ,   //内容,可为utl,如html://www.baidu.com 或文字,图片信息之类的
         logo        :  '' ,   //二维码中间显示图片,   如:html://wwww.xxx.com/imgname.jpg
         bgColor     :  '' ,   //背景颜色,             格式 :颜色代码            如fffaf0
         fgColor     :  '' ,   //前景颜色,即条纹颜色     格式 :同上
         gcColor     :  '' ,   //渐变颜色,              格式 : 同上
         ptColor     :  '' ,   //定位点颜色(外框)        格式:同上
         inptColor   :  '' ,   //定位点颜色(内点)        格式:同上
         eLevel      :  '' ,   //纠错等级, 可用值:h\q\m\l  格式 : 单个字符         如 h
         w           :  '' ,   //宽度尺寸               格式:像素值              如  200
         m           :  ''    //外边距尺寸               格式:如上
     },
     //获取二维码图片
     getQrcode: function (divId){
         //javascript写法
         var  divElement = document.getElementById(divId),
             imgHtml    =  this .setImgHeml( this .jsonData);
         divElement.innerHTML = imgHtml;
         /* //jQuery写法
         var imgHtml    = this.setImgHeml(this.jsonData);
         $("#"+divId).append(imgHtml);*/
     },
     //构造图片
     setImgHeml: function (jsonData){
         var  imgHtml =  "<img src='http://qr.liantu.com/api.php?" ;
         imgHtml += jsonData.content? "&text=" +jsonData.content: "" ;
         imgHtml += jsonData.logo? "&logo=" +jsonData.logo: "" ;
         imgHtml += jsonData.bgColor? "&bg=" +jsonData.bgColor: "" ;
         imgHtml += jsonData.fgColor? "&fg=" +jsonData.fgColor: "" ;
         imgHtml += jsonData.gcColor? "&gc=" +jsonData.gcColor: "" ;
         imgHtml += jsonData.ptColor? "&pg=" +jsonData.ptColor: "" ;
         imgHtml += jsonData.inptColor? "&inpt=" +jsonData.inptColor: "" ;
         imgHtml += jsonData.eLevel? "&el=" +jsonData.eLevel: "" ;
         imgHtml += jsonData.w? "&w=" +jsonData.w: "" ;
         imgHtml += jsonData.m? "&m=" +jsonData.m: "" ;
         imgHtml +=  "'>" ;
         return  imgHtml;
     }
};

 

   调用很简单,只需要通过设置qrCode的jsonData中你需要的属性就可以了,不需要可以不设置

?
1
2
3
4
5
6
7
8
//设置内容为当前url路径
qrCode.jsonData.content =  window.location.href;
//设置宽度尺寸
qrCode.jsonData.w =  500;
//设置外边框距
qrCode.jsonData.m =  50;
//在id为qrcode的元素下生成二维码图片
qrCode.getQrcode( 'qrcode' );

 

  通过这几行设置代码,就可以轻松地生成二维码了。

通过二维码开放平台的API快速生成二维码

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
转载:http://blogread.cn/it/article/6763?f=wb 二维码的生成细节和原理 二维码又称QR Code,QR全
此生成二维码的类我用的是QRCode的包 下载地址:http://www.400gb.com/file/80134276 import java.a
qq 2294508843 使用vs2013开发,c#语言,源码出售 一、源码特点 采用mvc开发框架开发的二维码生成器
生成二维码用到了一个名为qrcode的插件,该插件可执行以下命令进行安装: ruby script/plugin insta
blog迁移至 :http://www.micmiu.com 周末试用下Android手机的二维码扫描软件,扫描了下火车票、名片
zxing是google的一个开源二维码项目,目前基本上和二维码打交道的东西,都会用到它. 最近项目中用到了
zxing是google的一个开源二维码项目,目前基本上和二维码打交道的东西,都会用到它. 最近项目中用到了
Google Developer 提供了生成二维码API,下面介绍一下如何生产二维码,以及相关参数设置。 官方地址
了解二维码这个东西还是从微信中,当时微信推出二维码扫描功能,自己感觉挺新颖的,从一张图片中扫
 Android平台下利用zxing实现二维码开发   现在走在大街小巷都能看到二维码,而且最近由于项目需
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号