You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>Demo page</title>
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
TODO make a nice looking pure client qrcode generator even allow download of the image
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="output"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="jquery-3.1.0.min.js"></script>
|
|
|
|
|
|
<!-- <script type="text/javascript" src="jquery.qrcode.min.js"></script>-->
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="../jquery.qrcode.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
jQuery(function () {
|
|
|
|
|
|
jQuery('#output').qrcode({
|
|
|
|
|
|
render: "canvas", //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
|
|
|
|
|
|
text: 'http://lp.vipabc.com/program/linkage_page/Olympic2016/index.html', //扫描二维码后显示的内容,可以直接填一个网址，扫描二维码后自动跳向该链接
|
|
|
|
|
|
width: 200, //二维码的宽度
|
|
|
|
|
|
height: 200,
|
|
|
|
|
|
background: "#ffffff", //二维码的后景色
|
|
|
|
|
|
foreground: "#000000", //二维码的前景色
|
|
|
|
|
|
src: 'qrcord.png',
|
|
|
|
|
|
imgWidth: 50,
|
|
|
|
|
|
imgHeight: 50
|
|
|
|
|
|
});
|
|
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
