js artqrcode实现一个可更换线条和元素的二维码生成效果代码

代码语言:html

所属分类:布局界面

代码描述:js artqrcode实现一个可更换线条和元素的二维码生成效果代码

代码标签: 一个 更换 线条 元素 二维 生成 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/normalize.css">
	<style>
		body{background-color: #2A2A2A}
	</style>
</head>
<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1 style="text-align: center;color: aliceblue">js艺术二维码生成插件</h1>	
		</header>
		<div class="htmleaf-content" style="width: 500px; height: 500px; margin: 20px auto;">
			<div id="qrcode"></div>
		</div>

	</div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/artqrcode.js"></script>
	<script>


    var qrcode = new QRCode(document.getElementById("qrcode"), {
        text: "http://www.bfw.wiki",
        /**
         * width,height 是输出图的宽高
         * codeWidth,codeHeight 是二维码的宽高
         * top,left 是二维码区域的定位
         */
        width: 500,
        height: 500,
        codeWidth: 320,
     .........完整代码请登录后点击上方下载按钮下载查看

网友评论0