{"id":8139,"date":"2021-11-13T14:33:31","date_gmt":"2021-11-13T13:33:31","guid":{"rendered":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/?p=8139"},"modified":"2023-11-22T17:28:42","modified_gmt":"2023-11-22T16:28:42","slug":"generare-qr-code-con-javascript","status":"publish","type":"post","link":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/","title":{"rendered":"Generare QR Code con Javascript"},"content":{"rendered":"\n<p class=\"has-medium-font-size wp-block-paragraph\">Innanzitutto voglio farti una precisazione, questa volta l\u2019articolo, anche se sar\u00e0 piuttosto breve, tratter\u00e0 un argomento molto richiesto e di grande utilit\u00e0. Ti parler\u00f2, infatti, di come generare <strong>QR<\/strong> <strong>Code <\/strong>con &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/codice-javascript\/\">javascript<\/a>\u00a0 utilizzando una libreria gratuita, appositamente studiata, per generare il famosissimo QR Code.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Se stati leggendo questa guida, molto probabilmente gi\u00e0 sai cos\u2019\u00e8 il codice QR. Ad ogni modo, \u00e8 possibile che tu l\u2019abbia gi\u00e0 utilizzato ma non sai ancora quanto possa esserti utile il QR Code. Ma vediamo nel dettaglio cos\u2019\u00e8 e come pu\u00f2 esserti utile.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Il QR Code, \u00e8 una matrice di punti neri disposti su una immagine, di forma quadrata, capace di memorizzare una quantit\u00e0 enorme di informazioni e dati. A differenza del <a href=\"https:\/\/it.wikipedia.org\/wiki\/Codice_a_barre\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">codice a barre<\/a>, anch\u2019esso ancora molto diffuso, ma che a differenza del QR Code memorizza una quantit\u00e0 minore di informazioni. In figura sono raffigurati entrambi i codici.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"399\" src=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/qr-code-bar-code.jpg\" alt=\"codice qr con codice a barre\" class=\"wp-image-8146\" srcset=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/qr-code-bar-code.jpg 799w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/qr-code-bar-code-300x150.jpg 300w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/qr-code-bar-code-768x384.jpg 768w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/figure>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">In questo articolo:<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#1_Come_e_fatto_e_come_funziona_il_QR_Code\" >1. Come \u00e8 fatto e come funziona il QR Code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#2_Implementazione_della_libreria_QrCodeJs\" >2. Implementazione della libreria QrCodeJs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#3_Generare_QR_Code_con_Javascript\" >3. Generare QR Code con Javascript<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"1-come-e-fatto-e-come-funziona-il-qr-code\"><span class=\"ez-toc-section\" id=\"1_Come_e_fatto_e_come_funziona_il_QR_Code\"><\/span><a><\/a><strong>1. Come \u00e8 fatto e come funziona il QR Code<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Come ho accennato precedentemente un QR Code \u00e8 formato da un quadrato grafico, che ne include altri quattro agli angoli, questo quadrato grafico contiene una serie di puntini bianchi e neri. Questi puntini rappresentano caratteri numerici e alfanumerici, che possono essere letti e decodificati inquadrando il codice QR con una delle innumerevoli app presenti sui vari store.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Il&nbsp;QR Code pi\u00f9 diffuso \u00e8 quello formato da da 29\u00d729 punti, attraverso i quali \u00e8 possibile rappresentare fino a 48 caratteri alfanumerici. Questi caratteri possono anche inglobare un link ad una &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/a-che-serve-il-simbolo-nella-url\/\">pagina Web<\/a>\u00a0, del semplice testo, o qualsiasi altra cosa caratterizzata da caratteri alfanumerici.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Solitamente siamo soliti leggere il QR Code, difficilmente ci troviamo nella condizione di generarlo. In ogni caso, generare QR Code \u00e8 semplicissimo ed \u00e8 possibile farlo sfruttando <strong>QrCodeJs<\/strong> una libreria opensource scaricabile gratuitamente dal portale <a href=\"https:\/\/cdnjs.com\/libraries\/qrcodejs\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">CDNJS<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-implementazione-della-libreria-qrcodejs\"><span class=\"ez-toc-section\" id=\"2_Implementazione_della_libreria_QrCodeJs\"><\/span><strong>2. Implementazione della libreria QrCodeJs<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Ora, vediamo come implementare la libreria e generare il tuo primo QR Code. La libreria in questione \u00e8 QrCodeJS, una fantastica &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/inviare-richieste-http-get-e-post-con-javascript-e-axios\/\">libreria javascript<\/a>\u00a0 inclusa totalmente in un unico file e scaricabile dal portale <a href=\"https:\/\/cdnjs.com\/libraries\/qrcodejs\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">cdnjs.com<\/a> che, come ho gi\u00e0 trattato in un altro articolo, rappresenta il sistema pi\u00f9 sicuro per scaricare e includere librerie javascript all\u2019interno di qualsiasi progetto web.<\/p>\n\n\n\n<hr>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">LEGGI ANCHE: <a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/bower-un-gestore-di-pacchetti-per-lo-sviluppo-web-professionale\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bower: Un gestore di pacchetti per lo sviluppo web professionale<\/a><\/p>\n\n\n\n<hr>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Ora, vediamo nel dettaglio, come procurarci la libreria QrCodeJS e il codice da includere nella nostra pagina html. Per prima cosa, come anticipato precedentemente, devi raggiungere il portale cdnjs cliccando su <a href=\"https:\/\/cdnjs.com\/libraries\/qrcodejs\" target=\"_blank\" rel=\"noreferrer noopener\">questo link<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"577\" height=\"450\" src=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/portale-cdnjs-577x450.jpg\" alt=\"portale cdns.com\" class=\"wp-image-8149\" srcset=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/portale-cdnjs-577x450.jpg 577w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/portale-cdnjs-300x234.jpg 300w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/portale-cdnjs-768x599.jpg 768w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/portale-cdnjs.jpg 1024w\" sizes=\"auto, (max-width: 577px) 100vw, 577px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">A questo punto come evidenziato in rosso in figura devi cliccare sull\u2019icona raffigurante due parentesi angolari per copiare nella clipboard del PC tutto il codice racchiuso tra i tag <strong>&lt;SCRIPT&gt;<\/strong> e <strong>&lt;\/SCRIPT&gt;<\/strong> e incollarlo all\u2019interno del tag <strong>&lt;HEAD&gt;<\/strong> di una tua pagina HTML.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Qui \u00e8 riportato un esempio del codice, da incollare tra i tag HEAD, che include la libreria QrCodeJs:<\/p>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcodejs\/1.0.0\/qrcode.min.js\" integrity=\"sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"&gt;&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Nel prossimo paragrafo vedremo come implementare i metodi esposti dalla classe <strong>QRCode<\/strong> e contenuta all\u2019interno della libreria QrCodeJs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-generare-qr-code-con-javascript\"><span class=\"ez-toc-section\" id=\"3_Generare_QR_Code_con_Javascript\"><\/span><strong>3. Generare QR Code con Javascript<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">La generazione di Codici QR con questa libreria \u00e8 di una semplicit\u00e0 disarmante. Infatti, per generare Codici QR non devi fare altro che invocare queste istruzioni Javascript:<\/p>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>var qrc = new QRCode(document.getElementById(\"qrcode\"), {\n                  text: \"https:\/\/phpcodewizard.it\/\",\n                  width: 100,\n                  height: 100,\n                  colorDark: \"#000000\"\n               }); \n<\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Come puoi notare, alla classe QRCode, devi passare 5 parametri:<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>1)<\/strong> nel primo parametro va indicato <strong>l\u2019ID dell\u2019oggetto html<\/strong>, solitamente un DIV, <strong>utilizzato per visualizzato il codice QR<\/strong> generato.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>2)<\/strong> il parametro <strong>text<\/strong>, va inizializzato con la stringa con cui vuoi generare il Codice QR.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>3)<\/strong> Il parametro <strong>width<\/strong>, rappresenta la larghezza dell\u2019immagine, in pixel, che visualizzer\u00e0 il Codice QR.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>4)<\/strong> Il parametro <strong>height<\/strong>, rappresenta l\u2019altezza dell\u2019immagine, in pixel, che visualizzer\u00e0 il Codice QR.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>5)<\/strong> Il parametro <strong>colorDark<\/strong>, va inizializzato con il colore, con cui verr\u00e0 visualizzato il Codice QR.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Ad ogni modo, se vuoi fare pratica con questa libreria, ti riporto di seguito, il codice html per generare <strong>QR Code con Javascript<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code has-medium-font-size\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n     &lt;title&gt;Genera Codice QR&lt;\/title&gt;\n     &lt;!-- inclusione della libreria QrCodeJS da cdnjs.com --&gt;\n     &lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcodejs\/1.0.0\/qrcode.min.js\" \n             integrity=\"sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA==\" \n             crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"&gt;\n     &lt;\/script&gt;     \n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;div id=\"printable\"&gt;\n       &lt;p&gt;\n          Codice QR Generato&lt;br&gt;\n          utilizzando l'&nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/perche-gli-url-sono-solo-in-inglese\/\">url<\/a>\u00a0 \"https:\/\/phpcodewizard.it\/\" come stringa&lt;br&gt;\n          per la generazione del codice.\n       &lt;\/p&gt;\n       &lt;div id=\"qrcode\"&gt;&lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;BR&gt;\n    &lt;button id=\"qrprint\"&gt;STAMPA&lt;\/button&gt;\n\n    &lt;!-- \n       CREA GLI EVENTI PER GENERARE E STAMPARE IL CODICE QR \n       IN FASE DI CARICAMENTO DELLA PAGINA HTML \n    --&gt;\n    &lt;script&gt;\n       window.addEventListener(\"load\", function(){\n          \/\/ CREA IL CODICE QR\n          var qrc = new QRCode(document.getElementById(\"qrcode\"), {\n             text: \"https:\/\/phpcodewizard.it\/\",\n             width: 200,\n             height: 200,\n             colorDark: \"#000000\"\n          });\n                \n          \/\/ STAMPA IL CODICE QR\n          document.getElementById(\"qrprint\").addEventListener(\"click\", function(){\n             var printwin = window.open(\"\");\n             printwin.document.write(document.getElementById(\"printable\").innerHTML);\n             printwin.stop();\n             let qr = printwin.document.querySelector(\"#qrcode img\");\n             qr.addEventListener(\"load\", function(){\n                printwin.print();\n                printwin.close();\n             });\n          });\n       });\n    &lt;\/script&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Quindi, crea un file con estensione html sul desktop e copia e incolla questo codice all\u2019interno del file html appena creato. Eseguilo con Chrome, o con qualsiasi altro browser, e dovresti vedere visualizzato, all\u2019interno della finestra attiva del browser, questo contenuto:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"388\" height=\"414\" src=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/codice-qr-generato.jpg\" alt=\"codice qr con javascript\" class=\"wp-image-8152\" srcset=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/codice-qr-generato.jpg 388w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/codice-qr-generato-281x300.jpg 281w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Se vuoi approfondire l\u2019argomento puoi seguire questo video tutorial su <a href=\"https:\/\/youtu.be\/gLLd9YJOJgM\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">come generare QR Code utilizzando QRCodeJS<\/a>. Inoltre, potrebbe anche interessarti dare un\u2019occhiata anche alla mia guida su <a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/come-sviluppare-web-app-codeless-con-wordpress-php-e-mysql\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come sviluppare web app CodeLess con WordPress, PHP e MySQL<\/a>, dove ti illustro il metodo pi\u00f9 efficace per creare &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/come-scrivere-la-tua-prima-web-application-con-microsoft-visual-studio\/\">web application<\/a>\u00a0 sfruttando un sistema collaudato e affidabile. Avrai modo, cos\u00ec, di acquisire sempre pi\u00f9 autorevolezza nel settore dello sviluppo del software in generale.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--50)\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to generate QR Code with JavaScript\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/gLLd9YJOJgM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/youtu.be\/gLLd9YJOJgM\" target=\"_blank\" rel=\"noreferrer noopener\">Come generare QR-Code con Javascript<\/a><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Generare QR Code con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.<\/p>\n","protected":false},"author":1,"featured_media":8144,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,12,11],"tags":[3860,4540,4544,2255,2231,1154,30,34,73,1787,1681,39,1179,1206,2237,96,1786,37,4354,1156,28,1785,70,40],"class_list":["post-8139","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-e-strumenti-operativi-per-lo-sviluppo-software","category-recenti","category-sviluppo","tag-browser-it","tag-chrome-it","tag-cloudflare","tag-estensione","tag-fare","tag-guida","tag-html","tag-javascript","tag-mysql","tag-new","tag-opensource","tag-php","tag-phpcodewizard-it","tag-pixel","tag-sistema","tag-sito-web","tag-software","tag-sviluppo","tag-sviluppo-web","tag-tutorial","tag-url","tag-video","tag-web","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Generare QR Code con Javascript<\/title>\n<meta name=\"description\" content=\"Generare QR Code con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Genera codice QR con Javascript.\" \/>\n<meta property=\"og:description\" content=\"Generare codici QR con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Antonio Lamorgese\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-13T13:33:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-22T16:28:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/Genera-codice-QR-con-Javascript.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Antonio Lamorgese\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Genera codice QR con Javascript.\" \/>\n<meta name=\"twitter:description\" content=\"Generare codici QR con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/Genera-codice-QR-con-Javascript.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@AntonioLamorge3\" \/>\n<meta name=\"twitter:site\" content=\"@AntonioLamorge3\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Antonio Lamorgese\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/\"},\"author\":{\"name\":\"Antonio Lamorgese\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"headline\":\"Generare QR Code con Javascript\",\"datePublished\":\"2021-11-13T13:33:31+00:00\",\"dateModified\":\"2023-11-22T16:28:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/\"},\"wordCount\":754,\"publisher\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"image\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Genera-codice-QR-con-Javascript.jpg\",\"keywords\":[\"browser\",\"chrome\",\"cloudflare\",\"estensione\",\"fare\",\"guida\",\"html\",\"javascript\",\"mysql\",\"new\",\"opensource\",\"php\",\"phpcodewizard.it\",\"pixel\",\"sistema\",\"sito web\",\"software\",\"sviluppo\",\"sviluppo web\",\"tutorial\",\"URL\",\"video\",\"web\",\"wordpress\"],\"articleSection\":[\"Articoli\",\"Recenti\",\"Sviluppo\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/\",\"name\":\"Generare QR Code con Javascript\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Genera-codice-QR-con-Javascript.jpg\",\"datePublished\":\"2021-11-13T13:33:31+00:00\",\"dateModified\":\"2023-11-22T16:28:42+00:00\",\"description\":\"Generare QR Code con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Genera-codice-QR-con-Javascript.jpg\",\"contentUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Genera-codice-QR-con-Javascript.jpg\",\"width\":800,\"height\":450,\"caption\":\"codice qr con\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/genera-codice-qr-con-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sviluppo\",\"item\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/category\\\/sviluppo\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Generare QR Code con Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#website\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/\",\"name\":\"Antonio Lamorgese\",\"description\":\"Il web e i suoi strumenti operativi\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\",\"name\":\"Antonio Lamorgese\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"contentUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"width\":120,\"height\":130,\"caption\":\"Antonio Lamorgese\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\"},\"description\":\"Amministratore di rete e sviluppatore. Dopo anni di esperienza nel settore, ho ideato un sistema di gestione dati MYSQL in PHP senza scrivere una sola riga di codice.&nbsp;Scopri di pi\u00f9....\",\"sameAs\":[\"https:\\\/\\\/www.Phpcodewizard.it\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/antonio-lamorgese-660735190\\\/\",\"https:\\\/\\\/pinterest.it\\\/antoniolamorgese9711\\\/\",\"https:\\\/\\\/x.com\\\/AntonioLamorge3\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/antoniolamorgese\",\"https:\\\/\\\/tumblr.com\\\/blog\\\/phpcodewizard\"],\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/author\\\/antonio-lamorgese\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Generare QR Code con Javascript","description":"Generare QR Code con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/","og_locale":"it_IT","og_type":"article","og_title":"Genera codice QR con Javascript.","og_description":"Generare codici QR con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.","og_url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/","og_site_name":"Antonio Lamorgese","article_published_time":"2021-11-13T13:33:31+00:00","article_modified_time":"2023-11-22T16:28:42+00:00","og_image":[{"width":800,"height":450,"url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/Genera-codice-QR-con-Javascript.jpg","type":"image\/jpeg"}],"author":"Antonio Lamorgese","twitter_card":"summary_large_image","twitter_title":"Genera codice QR con Javascript.","twitter_description":"Generare codici QR con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.","twitter_image":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/Genera-codice-QR-con-Javascript.jpg","twitter_creator":"@AntonioLamorge3","twitter_site":"@AntonioLamorge3","twitter_misc":{"Scritto da":"Antonio Lamorgese","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#article","isPartOf":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/"},"author":{"name":"Antonio Lamorgese","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"headline":"Generare QR Code con Javascript","datePublished":"2021-11-13T13:33:31+00:00","dateModified":"2023-11-22T16:28:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/"},"wordCount":754,"publisher":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"image":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/Genera-codice-QR-con-Javascript.jpg","keywords":["browser","chrome","cloudflare","estensione","fare","guida","html","javascript","mysql","new","opensource","php","phpcodewizard.it","pixel","sistema","sito web","software","sviluppo","sviluppo web","tutorial","URL","video","web","wordpress"],"articleSection":["Articoli","Recenti","Sviluppo"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/","name":"Generare QR Code con Javascript","isPartOf":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/Genera-codice-QR-con-Javascript.jpg","datePublished":"2021-11-13T13:33:31+00:00","dateModified":"2023-11-22T16:28:42+00:00","description":"Generare QR Code con Javascript \u00e8 semplicissimo. In questo articolo ti illustrer\u00f2 una libreria gratuita, appositamente studiata, per farlo.","breadcrumb":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#primaryimage","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/Genera-codice-QR-con-Javascript.jpg","contentUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/11\/Genera-codice-QR-con-Javascript.jpg","width":800,"height":450,"caption":"codice qr con"},{"@type":"BreadcrumbList","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/genera-codice-qr-con-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/en\/"},{"@type":"ListItem","position":2,"name":"Sviluppo","item":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/category\/sviluppo\/"},{"@type":"ListItem","position":3,"name":"Generare QR Code con Javascript"}]},{"@type":"WebSite","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#website","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/","name":"Antonio Lamorgese","description":"Il web e i suoi strumenti operativi","publisher":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0","name":"Antonio Lamorgese","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","contentUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","width":120,"height":130,"caption":"Antonio Lamorgese"},"logo":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png"},"description":"Amministratore di rete e sviluppatore. Dopo anni di esperienza nel settore, ho ideato un sistema di gestione dati MYSQL in PHP senza scrivere una sola riga di codice.&nbsp;Scopri di pi\u00f9....","sameAs":["https:\/\/www.Phpcodewizard.it\/","https:\/\/www.linkedin.com\/in\/antonio-lamorgese-660735190\/","https:\/\/pinterest.it\/antoniolamorgese9711\/","https:\/\/x.com\/AntonioLamorge3","https:\/\/www.youtube.com\/user\/antoniolamorgese","https:\/\/tumblr.com\/blog\/phpcodewizard"],"url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/author\/antonio-lamorgese\/"}]}},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/8139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/comments?post=8139"}],"version-history":[{"count":2,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/8139\/revisions"}],"predecessor-version":[{"id":26219,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/8139\/revisions\/26219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/media\/8144"}],"wp:attachment":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/media?parent=8139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/categories?post=8139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/tags?post=8139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}