利用js生成二维码

关注

原创最新推荐文章于 2026-04-12 10:36:20 发布 1.4k 阅读 AI 写同款· GEO 优化 ›

利用HTML和JavaScript实现二维码生成在当今的数字化时代，二维码已成为日常生活中不可或缺的一部分。从商品标签到营销广告，从电子票务到个人名片，二维码的应用无处不在。为了满足不同的设计需求，二维码的样式自定义显得尤为重要。本章节我们将探讨如何通过基本和进阶的方法来自定义二维码的样式，使其既保持识别度又增加美观性。阅读详情

1.引入js文件

<script src="src/jquery-1.8.2.js" type="text/javascript"></script>
<script src="src/excanvas.js"></script>
<script src="src/qrcode.js"></script>

2.存放二维码的div

<div id="qrcode" class="am-text-center"></div>

3.js代码

<script type="text/javascript">
$(function(){
//方法1.直接生成一个二维码
  $('#qrcode').qrcode("http://baidu.com");
 /*
//方法2.设置二维码的详细参数
   $('#qrcode').qrcode({
	   	render : "canvas", //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
  	 	text:"http://baidu.com",//设置要生成二维码的网址
		width: 200, // 定义宽度
  	 	height: 200, // 定义高度
		//typeNumber:-1,//计算模式
        correctLevel:3,//二维码纠错级别
		//	background: "lightgray", // 背景色
		//	foreground: "red", // 前景色
	 	src: 'timg.jpg'//设置图片
   });*/
})
</script>