|
|
|
@ -1,19 +1,33 @@ |
|
|
|
<!DOCTYPE html> |
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<style> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
body { |
|
|
|
margin:1em; |
|
|
|
} |
|
|
|
#qrtext { |
|
|
|
width:80%; |
|
|
|
} |
|
|
|
#qrcode { |
|
|
|
width:160px; |
|
|
|
height:160px; |
|
|
|
margin-top:15px; |
|
|
|
} |
|
|
|
|
|
|
|
<style> |
|
|
|
body { |
|
|
|
background-color: #ccc; |
|
|
|
} |
|
|
|
|
|
|
|
#qrtext { |
|
|
|
max-width: 512px; |
|
|
|
display: block; |
|
|
|
margin: 0 auto; |
|
|
|
width:80%; |
|
|
|
padding: 5px 7px; |
|
|
|
border: 1px solid #000; |
|
|
|
border-radius: 10px; |
|
|
|
background-color: #f0f0f0; |
|
|
|
} |
|
|
|
#qrcode { |
|
|
|
margin: 0 auto; |
|
|
|
width:256px; |
|
|
|
height:256px; |
|
|
|
margin-top:15px; |
|
|
|
padding: 10px; |
|
|
|
border: 1px solid #000; |
|
|
|
border-radius: 10px; |
|
|
|
background-color: #f0f0f0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<script src="qr.js"></script> |
|
|
|
<script type="text/javascript"> |
|
|
|
@ -21,7 +35,11 @@ var qrcode = null; |
|
|
|
var qrtext = null; |
|
|
|
function init() { |
|
|
|
qrtext = document.getElementById("qrtext"); |
|
|
|
qrcode = new QRCode(document.getElementById("qrcode")); |
|
|
|
qrcode = new QRCode(document.getElementById("qrcode"), { |
|
|
|
correctLevel : QRCode.CorrectLevel.L, |
|
|
|
colorDark: '#333', |
|
|
|
colorLight: '#f0f0f0' |
|
|
|
}); |
|
|
|
qrtext.focus(); |
|
|
|
parseLocation(); |
|
|
|
} |
|
|
|
|
