二维码生成源码JS（二维码生成器开发）
本文目录一览：
- 1、如何用javascript生成带logo的二维码
- 2、如何为每个页面生成二维码
- 3、javascript怎么将url生成二维码
- 4、用js怎么实现把一个链接变成二维码
- 5、怎么设置js生成二维码扫描出来的内容
- 6、如何生成二维码代码详解
如何用javascript生成带logo的二维码
使用 jQuery.qrcode.js实现。
jQuery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件，使用它可以很方便的在页面上生成二维条码。此插件是能够独立使用的，体积也比较 小，使用gzip压缩后才不到4kb。因为它是直接在客户端生成的条码， 所以不会有图片下载的过程，能够实现快速生成。它是基于一个多语言的类库封装的，也不依赖于其他额外的服务。
好处：使用jquery-qrcode的好处，不需要在服务器端生成多余的二维码图片，二维码直接通过JavaScript直接在客户端生成，有效减少带宽，以及维护成本。
如何为每个页面生成二维码
二维码的生成（可设置大小）
本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的二维码生成源码JS，本文将介绍两种方法和方式二维码生成源码JS，仅供朋友选择和取舍。本文最下面附有插件的下载地址二维码生成源码JS！
方式二维码生成源码JS：
基于jquery.qrcode.min.js插件生成，代码如下：
html
head
title生成二维码/title
meta name="author" content=" " /
script type="text/javascript" src="http //code jquery com/jquery-1.6.1.min.js"/script
script type="text/javascript" src="jquery.qrcode.min.js"/script
script type="text/javascript"
jQuery(function () {
jQuery("#qrCodeDiv").qrcode("设置二维码的内容。");
});
/script
/head
body
div id="qrCodeDiv"
/div
/body
/html
优点：基于jquery.qrcode.min.js插件生成，稳定，效率比较高。
缺点：不能设置和控制生成二维码的大小（笔者还没有找到）。
javascript怎么将url生成二维码
!DOCTYPE html
html
head
title/title
meta charset="utf-8"/
script src="js/qrcode.js"/script
style
#qrcode{
/*text-align: center;*/
/*display: table-cell;*/
/*width: 96px;*/
/*height: 96px;*/
/*vertical-align:middle;*/
/*position: relative;*/
}
/style
/head
body
div id="qrcode"
/div
input type="text" id="getval"/ button id="send"点击更换验证码/button
script
window.onload =function(){
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 96,//设置宽高
height : 96
});
qrcode.makeCode("");
document.getElementById("send").onclick =function(){
qrcode.makeCode(document.getElementById("getval").value);
}
}
/script
/body
/html
网上找的应该有用 以后多度娘
用js怎么实现把一个链接变成二维码
div id = "qrcodeid"/div //生成的二维码放在此 div 中
script type="text/javascript" src="js/jquery.qrcode.min.js"/script//引入qrcode.js（到 下载 ）
script
function utf16to8(str) { //解决中文乱码
var out, i, len, c;
out = "";
len = str.length;
for(i = 0; i len; i++) {
c = str.charCodeAt(i);
if ((c = 0x0001) (c = 0x007F)) {
out += str.charAt(i);
} else if (c 0x07FF) {
out += String.fromCharCode(0xE0 | ((c 12) 0x0F));
out += String.fromCharCode(0x80 | ((c 6) 0x3F));
out += String.fromCharCode(0x80 | ((c 0) 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c 6) 0x1F));
out += String.fromCharCode(0x80 | ((c 0) 0x3F));
}
}
return out;
}
/script
script//此处生成名片二维码（如要生成普通链接二维码 则 “text”参数值 直接替换成普通链接即可）
var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:职称 \r\nORG:公司（组织） \r\nEMAIL;INTERNET,HOME:123@qq.com \r\nADR;WORK,POSTAL:地球中国山东... \r\nURL: \r\nEND:VCARD";
the_text = utf16to8(the_text);
//alert(the_text);
jQuery('#qrcodeid').qrcode({
width:140,
height:140,
render:"canvas", //设置渲染方式 table canvas
typeNumber : -1, //计算模式
correctLevel : 0,//纠错等级
background : "#ffffff",//背景颜色
foreground : "#000000",//前景颜色
text:the_text
});
/script
怎么设置js生成二维码扫描出来的内容
可以使用juqery的 qrcode来实现！
1， 引入 jquery 及其qrcode 插件js: jquery.js , jquery.qrcode.min.js
2 , 指定一个二维码容量元素： div id="qrcode"/div
3 , 在指定的容量元素中生成二维码: jquery('#qrcode').qrcode("这里是想要扫描后的获得的地址");
如何生成二维码代码详解
二维码的生成（可设置大小） 本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的，本文将介绍两种方法和方式，仅供朋友选择和取舍。本文最下面附有插件的下载地址！ 方式： 基于jquery.qrcode.min.js插件生成
