现在很多网站都有通过扫二维码用手机连接的功能,联图网(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
这是一套轻量级的PHP二维码生成源码,可以本地生成二维码图片,无需依赖第...用户只需要将源码上传至服务器并解压缩,就可以直接访问网页来自定义输入和修改内容或地址链接,然后点击“生成”按钮即可生成二维码图片。
C#二维码生成及批量打印C#二维码生成及批量打印C#二维码生成及批量打印C#二维码生成及批量打印C#二维码生成及批量打印C#二维码生成及批量打印
Google开放API生成二维码/php生成二维码
完美支持中文,qr码,pdf417码等等。完整示例。下载的源码我有改动。若需要无改动的或其他语言的,可以找我,也可以去官网下载。C#源码。
java工具实现类-根据网站链接url,生成二维码图片,存放本地目录
通过谷歌二维码API快速生成二维码QR,具有生成速度快,不出错的特点。本软件为绿色软件,单文件方便携带。可以为你快速生成产品网址,商品介绍,以及联系方式相关的二维码。 作者:痞子再 作者主页:...
静态二维码图片可以 百度 草料二维码 在线生成下载 动态生成二维码 可以调用免费的二维码api
java生成二维码
一个文件加参数即可生成并保存jpg图片的二维码,生成路径image/pic下。不明白可以留言。
轻量级PHP二维码生成API源码,本地生成二维码图片,无需第三方接口.rar轻量级PHP二维码生成API源码,本地生成二维码图片,无需第三方接口.rar轻量级PHP二维码生成API源码,本地生成二维码图片,无需第三方接口.rar
微信API 生成二维码方法,其中有与微信关联的支付,一级微信二维码生成的例子
下载到自己的网站,只需要两步就完成啦,而且速度取决于你自己的网站速度,不在需要google api了
使用ios原生API,实现二维码的扫描、生成及读取图片上的二维码,还有一个UIMenuController的实现Demo
二维码生成器 源码文件 姓名:<input id="FN" ><br> 57 电话:<input id="TEL" ><br> 58 e-mail:<input id="EMAIL" ><br> 59 MSN:<input id="X-MSN" ><br> 60 QQ:<input id="X-QQ" ><br> 61 公司:...
通过google在线生成二维码的api在线生成二维码。 代码如下: 复制代码 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...
根据信息生成二维码,web接口,还可以解析二维码,取代google二维码api
用Goole API 生成二维码 方便简单
1、二维码生成接口(含源码),文档注释全面,简单易用 2、服务接口说明:功能全面,可以定制内容、尺寸、前景色、背景色及透明度 3、一看就会,调用简单,易于应用