用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

动态生成二维码JS代码实例

2016-08-26 作者: mickcode举报

[javascript]代码库

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>二维码生成页面展示</title>
<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

<script>
$(document).ready(function(){

	//$('#qrcodeCanvas').qrcode("http://www.x-jun.cn/");
	//完整用法,有默认值的均可省略
	$('#qrcodeTable').qrcode({
	text: "http://www.haowu.com",//二维码包含的内容,默认只支持英文内容,中文会乱码,通过utf16to8转码可支持中文
	render: "canvas",//渲染方式可选择canvas或table,默认是canvas,canvas方式还支持右键图片下载
	width: 500,//宽度,默认是256
	height: 500,//高度,默认是256,建议宽度和高度保持一致,否则不容易被识别
	typeNumber: -1,//计算模式,默认是-1
	//correctLevel: QRErrorCorrectLevel.H,//纠错等级,默认是QRErrorCorrectLevel.H,但是加上correctLevel这一行后无法渲染出二维码
	background: "#ffffff",//背景颜色,默认是白色
	foreground: "#000000"//前景颜色,默认是黑色
	});

});
</script>
</head>
<body>
<div id="qrcodeCanvas"></div>
<div id="qrcodeTable"></div>
</body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...