您的位置:首页 > Web前端 > JQuery

一个免费生成二维码的小工具,纯Jquery前端合成带logo

2016-08-26 23:58 323 查看
http://images.aazj.cn/qrFreeTool.html
http://www.aazj.cn/pc/meeting/qrFreeTool.html
特点:二维码图片可以下载,中间带有Logo,在线裁切Logo。

技术特点:全部采用jquery框架开发,纯js+html+css。纯静态网页。


最简单的调用方法,你只需要在网站的body尾部,插入代码如下,你的网页上会显示当前网址的二维码,:

<script language="javascript"> 

    document.write("<script id='qrfromaazjcn' src='http://images.aazj.cn/js/qrload.js'><\/script>");

</script> 

最灵活的调用方法,再加上一个div,用来显示二维码,这样你就可以随意在网页的任何位置显示了:

   <div id="showqr" style="z-index:99999;top:0px;text-align: center;"><p id="myqrnote" align="center"><img  id="logoimg" src="" style="display:none"/></div>

<script language="javascript"> 

var myqrsize='300';//二维码的大小:100-600

var LiftOrRight='';//二维码位于左上角或者右上角,right表示右上角,空,表示左上角

var myqrlogimgsrc='http://www.aazj.cn/pc/meeting/img/home_tailogo.png';//二维码中间的本地图片路径,这里必须有

var myqrnote = '^_^';//二维码上面的文字

var defautQrimgsize='1';//展示大图=1,小图=0

    document.write("<script id='qrfromaazjcn' src='http://images.aazj.cn/js/qrload.js'><\/script>"); 

</script> 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息