QR & Barcode Generator<\/title>\n <style>\n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #FF9933 0%, #ffffff 50%, #138808 100%);\n }\n\n .container {\n background: rgba(255, 255, 255, 0.95);\n padding: 20px;\n border-radius: 16px;\n box-shadow: 0 0 15px rgba(0,0,0,0.2);\n text-align: center;\n max-width: 800px;\n width: 100%;\n margin: 50px auto;\n box-sizing: border-box;\n }\n\n .codes-wrapper {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n\n .code-block {\n flex: 1;\n min-width: 300px;\n }\n\n .label {\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n }\n\n canvas {\n background: #fff;\n padding: 8px;\n border-radius: 8px;\n border: 1px solid #ccc;\n max-width: 100%;\n }\n\n button {\n margin-top: 5px;\n padding: 8px 16px;\n font-size: 14px;\n background-color: #0f0f0f;\n color: white;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n }\n\n button:hover {\n background-color: #444;\n }\n\n .input-wrapper {\n margin-top: 20px;\n }\n\n .input-wrapper input {\n padding: 10px;\n font-size: 16px;\n border-radius: 8px;\n border: 1px solid #ccc;\n width: 100%;\n box-sizing: border-box;\n }\n\n @media (max-width: 768px) {\n .codes-wrapper {\n flex-direction: column;\n align-items: center;\n }\n }\n\n .bottom-ad {\n text-align: center;\n margin: 30px auto;\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"container\">\n \n <div class=\"codes-wrapper\">\n <div class=\"code-block\">\n <div class=\"label\">QR Code<\/div>\n <canvas id=\"qr-canvas\"><\/canvas>\n <button onclick=\"downloadQR()\">Download QR Code<\/button>\n <\/div>\n\n <div class=\"code-block\">\n <div class=\"label\">Barcode<\/div>\n <canvas id=\"barcode-canvas\"><\/canvas>\n <button onclick=\"downloadBarcode()\">Download Barcode<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"input-wrapper\">\n <label class=\"label\" for=\"inputText\">Enter Text<\/label>\n <input id=\"inputText\" placeholder=\"Type your text here\" oninput=\"generateCodes()\" \/>\n <\/div>\n <\/div>\n\n \n <div class=\"bottom-ad\">\n <script async=\"async\" data-cfasync=\"false\" src=\"\/\/pl26888914.profitableratecpm.com\/c01597da67866bc87112a239eec5fad7\/invoke.js\"><\/script>\n <div id=\"container-c01597da67866bc87112a239eec5fad7\"><\/div>\n <\/div>\n\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcode@1.5.0\/build\/qrcode.min.js\"><\/script>\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jsbarcode@3.11.5\/dist\/JsBarcode.all.min.js\"><\/script>\n\n <script>\n function generateCodes() {\n const value = document.getElementById(\"inputText\").value.trim();\n const qrCanvas = document.getElementById(\"qr-canvas\");\n const barcodeCanvas = document.getElementById(\"barcode-canvas\");\n\n if (!value) {\n qrCanvas.getContext(\"2d\").clearRect(0, 0, qrCanvas.width, qrCanvas.height);\n barcodeCanvas.getContext(\"2d\").clearRect(0, 0, barcodeCanvas.width, barcodeCanvas.height);\n return;\n }\n\n QRCode.toCanvas(qrCanvas, value, { width: 200 }, function (error) {\n if (error) console.error(error);\n });\n\n JsBarcode(barcodeCanvas, value, {\n format: \"CODE128\",\n width: 2,\n height: 60,\n displayValue: true\n });\n }\n\n function downloadQR() {\n const canvas = document.getElementById('qr-canvas');\n const link = document.createElement('a');\n link.download = 'qr-code.png';\n link.href = canvas.toDataURL('image\/png');\n link.click();\n }\n\n function downloadBarcode() {\n const canvas = document.getElementById('barcode-canvas');\n const link = document.createElement('a');\n link.download = 'barcode.png';\n link.href = canvas.toDataURL('image\/png');\n link.click();\n }\n\n window.onload = () => {\n document.getElementById(\"inputText\").value = \"\";\n };\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>QR & Barcode Generator QR Code Download QR Code Barcode Download Barcode Enter Text<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-85","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":29,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":114,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/posts\/85\/revisions\/114"}],"wp:attachment":[{"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":85,"date":"2025-06-08T07:17:47","date_gmt":"2025-06-08T01:47:47","guid":{"rendered":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/?p=85"},"modified":"2025-06-11T20:09:12","modified_gmt":"2025-06-11T14:39:12","slug":"qr-code-generator","status":"publish","type":"post","link":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/qr-code-generator\/","title":{"rendered":"Qr code generator"},"content":{"rendered":"\n\n\n\n \n \n QR & Barcode Generator<\/title>\n <style>\n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #FF9933 0%, #ffffff 50%, #138808 100%);\n }\n\n .container {\n background: rgba(255, 255, 255, 0.95);\n padding: 20px;\n border-radius: 16px;\n box-shadow: 0 0 15px rgba(0,0,0,0.2);\n text-align: center;\n max-width: 800px;\n width: 100%;\n margin: 50px auto;\n box-sizing: border-box;\n }\n\n .codes-wrapper {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n\n .code-block {\n flex: 1;\n min-width: 300px;\n }\n\n .label {\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n }\n\n canvas {\n background: #fff;\n padding: 8px;\n border-radius: 8px;\n border: 1px solid #ccc;\n max-width: 100%;\n }\n\n button {\n margin-top: 5px;\n padding: 8px 16px;\n font-size: 14px;\n background-color: #0f0f0f;\n color: white;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n }\n\n button:hover {\n background-color: #444;\n }\n\n .input-wrapper {\n margin-top: 20px;\n }\n\n .input-wrapper input {\n padding: 10px;\n font-size: 16px;\n border-radius: 8px;\n border: 1px solid #ccc;\n width: 100%;\n box-sizing: border-box;\n }\n\n @media (max-width: 768px) {\n .codes-wrapper {\n flex-direction: column;\n align-items: center;\n }\n }\n\n .bottom-ad {\n text-align: center;\n margin: 30px auto;\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"container\">\n \n <div class=\"codes-wrapper\">\n <div class=\"code-block\">\n <div class=\"label\">QR Code<\/div>\n <canvas id=\"qr-canvas\"><\/canvas>\n <button onclick=\"downloadQR()\">Download QR Code<\/button>\n <\/div>\n\n <div class=\"code-block\">\n <div class=\"label\">Barcode<\/div>\n <canvas id=\"barcode-canvas\"><\/canvas>\n <button onclick=\"downloadBarcode()\">Download Barcode<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"input-wrapper\">\n <label class=\"label\" for=\"inputText\">Enter Text<\/label>\n <input id=\"inputText\" placeholder=\"Type your text here\" oninput=\"generateCodes()\" \/>\n <\/div>\n <\/div>\n\n \n <div class=\"bottom-ad\">\n <script async=\"async\" data-cfasync=\"false\" src=\"\/\/pl26888914.profitableratecpm.com\/c01597da67866bc87112a239eec5fad7\/invoke.js\"><\/script>\n <div id=\"container-c01597da67866bc87112a239eec5fad7\"><\/div>\n <\/div>\n\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcode@1.5.0\/build\/qrcode.min.js\"><\/script>\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jsbarcode@3.11.5\/dist\/JsBarcode.all.min.js\"><\/script>\n\n <script>\n function generateCodes() {\n const value = document.getElementById(\"inputText\").value.trim();\n const qrCanvas = document.getElementById(\"qr-canvas\");\n const barcodeCanvas = document.getElementById(\"barcode-canvas\");\n\n if (!value) {\n qrCanvas.getContext(\"2d\").clearRect(0, 0, qrCanvas.width, qrCanvas.height);\n barcodeCanvas.getContext(\"2d\").clearRect(0, 0, barcodeCanvas.width, barcodeCanvas.height);\n return;\n }\n\n QRCode.toCanvas(qrCanvas, value, { width: 200 }, function (error) {\n if (error) console.error(error);\n });\n\n JsBarcode(barcodeCanvas, value, {\n format: \"CODE128\",\n width: 2,\n height: 60,\n displayValue: true\n });\n }\n\n function downloadQR() {\n const canvas = document.getElementById('qr-canvas');\n const link = document.createElement('a');\n link.download = 'qr-code.png';\n link.href = canvas.toDataURL('image\/png');\n link.click();\n }\n\n function downloadBarcode() {\n const canvas = document.getElementById('barcode-canvas');\n const link = document.createElement('a');\n link.download = 'barcode.png';\n link.href = canvas.toDataURL('image\/png');\n link.click();\n }\n\n window.onload = () => {\n document.getElementById(\"inputText\").value = \"\";\n };\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>QR & Barcode Generator QR Code Download QR Code Barcode Download Barcode Enter Text<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-85","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":29,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":114,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/posts\/85\/revisions\/114"}],"wp:attachment":[{"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quickqrgenerator.in\/qr-and-barcode-generator\/quick-qr-generator\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}