MooQrCode is a mootools plugin that allow you to create qrcode. It is based on QR Code Generator for JavaScript by https://www.d-project.com/
Now look at an example.
❤️ If this project helps you reduce time to develop and/or you want to help the maintainer of this project. You can sponsor him. Thank you !
👍 If you wish to contribute to TwbsHelper, PRs are welcome! Please read the CONTRIBUTING.md file.
🚀 (Fast & Easy)
- First, include required js files (Mootools & MooQrCode)
<script type="text/javascript" src="mootools.core.js"></script>
<script type="text/javascript" src="mooqrcode.min.js"></script>
- Then create a container for the QRCode
<div id="QR_black"></div>
- Let the script do the job
document.id(window).addEvent('domready',function(){
document.id('QR_black').qrCode({'width':50,'height':50,'value':'This is an encrypted value'});
});
- That's all !
var oQrCode = new MooQRCode([options]);
- options: (object, optional) The options object
- value : (string, defaults to
null
) The value to be encrypted into QRCode. - typeNumber: (int, defaults to
-1
) 1 to 10, if typeNumber < 1, it will be calculate automatically, else higher the type number, more data can be stored. - correctLevel: (int, defaults to
2
) error Correct Level :- M: 0
- L: 1
- H: 2
- Q: 3
- width: (int, defaults to
256
) QR Code width. - height: (int, defaults to
256
) QR Code height. - render: (string, defaults to
canvas
) rendering mode, canvas or table. - color: (string, defaults to
#000000
) QR Code color. - backgroundColor: (string, defaults to
#FFFFFF
) QR Code background color. - container: (HTMLElement, string, defaults to
null
) Qr Code container element.
- onQrCodeReady: Will be fired when the QR Code is ready (after rendrering)