- 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
使用方法简单，直接复制上面代码到需要在网页显示的位置就可以了。
原创文章，作者：R64FU，如若转载，请注明出处：https://www.506064.com/n/126981.html
微信扫一扫 
支付宝扫一扫 