Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //function javascript
- function create_qrcode(text,targetImageID) {
- var dotsize = 5;
- var padding = 10;
- var black = "rgb(0,0,0)";
- var white = "rgb(255,255,255)";
- var QRCodeVersion = 15;
- var canvas=document.createElement('canvas');
- var qrCanvasContext = canvas.getContext('2d');
- try {
- var qr = new QRCode(QRCodeVersion, QRErrorCorrectLevel.L);
- qr.addData(text);
- qr.make();
- }
- catch(err) {
- var errorChild = document.createElement("p");
- var errorMSG = document.createTextNode("QR Code FAIL! " + err);
- errorChild.appendChild(errorMSG);
- return errorChild;
- }
- var qrsize = qr.getModuleCount();
- canvas.setAttribute('height',(qrsize * dotsize) + padding);
- canvas.setAttribute('width',(qrsize * dotsize) + padding);
- var shiftForPadding = padding/2;
- if (canvas.getContext){
- for (var r = 0; r < qrsize; r++) {
- for (var c = 0; c < qrsize; c++) {
- if (qr.isDark(r, c))
- qrCanvasContext.fillStyle = black;
- else
- qrCanvasContext.fillStyle = white;
- qrCanvasContext.fillRect ((c*dotsize) +shiftForPadding,(r*dotsize) + shiftForPadding,dotsize,dotsize);
- }
- }
- }
- var imgElement = document.createElement("img");
- imgElement.src = canvas.toDataURL("image/png");
- $("#"+targetImageID).attr('src',imgElement.src);
- }
- //Cara penggunaan
- <img id="tes"/>
- <script>
- $(function () {
- create_qrcode('123123123123','tes');
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement