js背景中添加二维码代码（js背景中添加二维码代码的方法）

• 1、网页中图片自动生成二维码
• 2、如何使用js生成基于css的二维码
• 3、html5+js实现二维码扫描的代码？
• 4、怎么设置js生成二维码扫描出来的内容
• 5、用js怎么实现把一个链接变成二维码
• 6、怎么把js生成的二维码放在img标签里面

网页自动生成二维码，原始生成二维码图片大小为宽度为150px，高度为150px。只需要在需要显示地方放入二维码JS代码即可（鼠标悬停图片的时候显示二维码）

script type=”text/javascript”  

thisURL = document.URL;  

strwrite = 

 + thisURL + “‘ width=’150′ height=’150′ alt=’图片地址URL二维码生成’ /”; 

document.write( strwrite );  

/script

本二维码生成使用是google谷歌JS，加载快速、兼容所有浏览器、兼容动态网页、静态html网页。

二维码是通过css的背景色填充的,如果是0填白色,1的话填黑色,每个二维码分成好多tr行,每一行里面根据0或1生成色块,构成一张二维码！

通过下面的代码即可实现：

HBuilder就有调用原生硬件的接口html5++

!DOCTYPE html

html

head

meta charset=”utf-8″

titleCamera Example/title

script type=”text/javascript”

// 扩展API加载完毕后调用onPlusReady回调函数

document.addEventListener( “plusready”, onPlusReady, false );

var r = null;

// 扩展API加载完毕，现在可以正常调用扩展API

function onPlusReady() {

// 获取设备默认的摄像头对象

var cmr = plus.camera.getCamera();

1、代码：代码就是程序员用 开发工具所支持的语言写出来的 源文件，是一组由 字符、符号或信号 码元以离散形式表示信息的明确的规则体系。

2、html5：是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言（ HTML）的第五次重大修改。2014年10月29日， 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

可以使用juqery的 qrcode来实现！

1， 引入 jquery 及其qrcode 插件js: jquery.js , jquery.qrcode.min.js

2 , 指定一个二维码容量元素： div id=”qrcode”/div

3 , 在指定的容量元素中生成二维码: jquery(‘#qrcode’).qrcode(“这里是想要扫描后的获得的地址”);

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代码如下：

script// ![CDATA[

thisURL = document.URL;

strwrite =

“img

src=’;chs=150x150choe=UTF-8chld=L|4chl=”

+ thisURL + “‘ width=’150′ height=’150′ alt=’网址URL 二维码生成’ /”;

document.write( strwrite );

// ]]/script

使用方法简单，直接复制上面代码到需要在网页显示的位置就可以了。