/**
* 生成二维码图片
* @param selector img 图片对象
*/
function generateQRCode(selector){
var url = "http://qr.liantu.com/api.php?";
url += "&text="+encodeURI(location.href);//背景颜色,bg=颜色代码,例如:bg=ffffff
url += "&bg=fcfcfc";//背景颜色,bg=颜色代码,例如:bg=ffffff
url += "&fg=000000";//前景颜色,fg=颜色代码,例如:fg=cc0000
url += "&gc=000000";//渐变颜色,gc=颜色代码,例如:gc=cc00000
url += "&el=Q";//纠错等级,el可用值:h\q\m\l,例如:el=h
url += "&w=300";//尺寸大小,w=数值(像素),例如:w=300
url += "&m=30";//静区(外边距),m=数值(像素),例如:m=30
url += "&pt=000000";//定位点颜色(外框),pt=颜色代码,例如:pt=00ff00
url += "&inpt=000000";//定位点颜色(内点),inpt=颜色代码,例如:inpt=000000
url += "&logo=http://www.91liren.com/images/91liren_logo.png";//logo图片,logo=图片地址,例如:http://www.liantu.com/images/2013/sample.jpg
$(selector).attr("src",url);
}
$(function(){
/**
* 点击小的二维码事件
*/
$("#ewm_btn").click(function(){
generateQRCode($("#ewm_name"));
$("#alphaBox").show();
});
/**
* 关闭按钮事件
*/
$(".ewm_Img").click(function(){
$("#alphaBox").hide();
});
});
js的代码如上,html代码如下:
<a href="javascript:;" id="ewm_btn" class="ewm_buttom"></a>
<div id="alphaBox">
<a href="javascript:;" class="ewm_Img"></a>
<img id="ewm_name" src="${root}/images/name_ewm01.jpg"/>
</div>
出现效果如下图:
非常感谢 http://liantu.com/pingtai/提供的二维码图片生成api。