{"id":248,"date":"2024-05-05T20:16:40","date_gmt":"2024-05-05T20:16:40","guid":{"rendered":"https:\/\/worldseotool.com\/?page_id=248"},"modified":"2024-05-05T20:16:40","modified_gmt":"2024-05-05T20:16:40","slug":"qr-code-generator","status":"publish","type":"page","link":"https:\/\/shoptips24.com\/tools\/qr-code-generator\/","title":{"rendered":"QR Code Generator"},"content":{"rendered":"\n\n    <style>\n        \n        }\n\n        .container {\n            max-width: 600px;\n            margin: 50px auto;\n            padding: 20px;\n            background-color: #fff;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n        }\n\n        h1 {\n            text-align: center;\n            margin-bottom: 20px;\n            color: #333;\n        }\n\n        label {\n            display: block;\n            margin-bottom: 5px;\n            font-weight: bold;\n        }\n\n        input[type=\"text\"],\n        select {\n            width: 100%;\n            padding: 10px;\n            font-size: 16px;\n            margin-bottom: 20px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            box-sizing: border-box;\n        }\n\n        button {\n            display: block;\n            width: 100%;\n            padding: 12px;\n            font-size: 16px;\n            color: #fff;\n            background-color: #007bff;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n\n        button:hover {\n            background-color: #0056b3;\n        }\n\n        #qr-code {\n            text-align: center;\n            margin-top: 20px;\n        }\n\n        #qr-code img {\n            max-width: 100%;\n            height: auto;\n        }\n    <\/style>\n\n<body>\n    <div class=\"container\">\n        <h1>QR Code Generator<\/h1>\n        <label for=\"input-type\">Select Input Type:<\/label>\n        <select id=\"input-type\">\n            <option value=\"url\">URL<\/option>\n            \n        <\/select>\n\n        <label for=\"input-data\">Enter URL<\/label>\n        <input id=\"input-data\" placeholder=\"Enter URL\" type=\"text\" \/>\n\n        <label for=\"image-size\">Image Size:<\/label>\n        <input id=\"image-size\" placeholder=\"Enter image size (optional)\" type=\"text\" \/>\n\n        <label for=\"error-correction\">Error Correction Level:<\/label>\n        <select id=\"error-correction\">\n            <option value=\"L\">Low<\/option>\n            <option value=\"M\">Medium<\/option>\n            <option value=\"Q\">Quartile<\/option>\n            <option value=\"H\">High<\/option>\n        <\/select>\n\n        <button onclick=\"generateQRCode()\">Generate QR Code<\/button>\n\n        <div id=\"qr-code\"><\/div>\n    <\/div>\n\n    <script>\n        function generateQRCode() {\n            var inputType = document.getElementById('input-type').value;\n            var inputData = document.getElementById('input-data').value;\n            var imageSize = document.getElementById('image-size').value || 200;\n            var errorCorrection = document.getElementById('error-correction').value;\n\n            var qrCodeDiv = document.getElementById('qr-code');\n            qrCodeDiv.innerHTML = '';\n\n            \/\/ Generate QR code based on input data\n            if (inputType === 'url') {\n                var url = 'https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=' + imageSize + 'x' + imageSize +\n                    '&data=' + encodeURIComponent(inputData) + '&ecc=' + errorCorrection;\n                qrCodeDiv.innerHTML = '<img decoding=\"async\" src=\"' + url + '\" alt=\"QR Code\">';\n            } else if (inputType === 'vcard') {\n                \/\/ Handle VCard data\n            } else if (inputType === 'text') {\n                \/\/ Handle text data\n            } else if (inputType === 'email') {\n                \/\/ Handle email data\n            } else if (inputType === 'sms') {\n                \/\/ Handle SMS data\n            }\n        }\n    <\/script>\n<\/body><div class=\"separator\" style=\"clear: both; text-align: center;\"><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiDNj1ptipdaOFARFBodW8QR7WDtf_6U7lv2FwxWTL4a3SW6zeuigN3Lu-Lmn_nFms3n2VaKybSzZVaa0UwPy0_xIWjTzcAzfutbfDc8WtymSei69q5uvhRRKvNgALXsptePnHFMtPq-uAI4xBIGJiy7mws1u-D_V8jGaFZ2VRYSmGB-8pUBdWUzpQlWtY\/s512\/qr-code%20(1).png\" style=\"margin-left: 1em; margin-right: 1em;\"><img fetchpriority=\"high\" decoding=\"async\" border=\"0\" data-original-height=\"512\" data-original-width=\"512\" height=\"320\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiDNj1ptipdaOFARFBodW8QR7WDtf_6U7lv2FwxWTL4a3SW6zeuigN3Lu-Lmn_nFms3n2VaKybSzZVaa0UwPy0_xIWjTzcAzfutbfDc8WtymSei69q5uvhRRKvNgALXsptePnHFMtPq-uAI4xBIGJiy7mws1u-D_V8jGaFZ2VRYSmGB-8pUBdWUzpQlWtY\/s320\/qr-code%20(1).png\" width=\"320\" \/><\/a><\/div><br \/><div class=\"separator\" style=\"clear: both; text-align: center;\"><br \/><\/div><br \/>\n","protected":false},"excerpt":{"rendered":"<p>QR Code Generator Select Input Type: URL Enter URL Image Size: Error Correction Level: LowMediumQuartileHigh Generate QR Code<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-248","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/comments?post=248"}],"version-history":[{"count":0,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/248\/revisions"}],"wp:attachment":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/media?parent=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}