{"id":918,"date":"2019-11-22T20:09:21","date_gmt":"2019-11-22T16:39:21","guid":{"rendered":"https:\/\/behnudi.ir\/?p=918"},"modified":"2024-08-25T21:18:42","modified_gmt":"2024-08-25T17:48:42","slug":"qr-code","status":"publish","type":"post","link":"https:\/\/behnudi.ir\/?p=918","title":{"rendered":"QR Code"},"content":{"rendered":"<p>\u06a9\u06cc\u0648\u0622\u0631 \u06a9\u062f (QR Code) \u06cc\u06a9 \u0646\u0648\u0639 \u0628\u0627\u0631\u06a9\u062f \u062f\u0648 \u0628\u0639\u062f\u06cc \u0627\u0633\u062a\u061b \u06a9\u0647 \u06cc\u06a9\u06cc \u0627\u0632 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u062a\u0648\u0645\u0628\u06cc\u0644 \u0633\u0627\u0632\u06cc \u062a\u0648\u06cc\u0648\u062a\u0627 \u062f\u0631 \u0633\u0627\u0644 \u06f1\u06f9\u06f9\u06f4\u060c \u0628\u0631\u0627\u06cc \u0631\u062f\u06cc\u0627\u0628\u06cc \u0633\u0631\u06cc\u0639 \u0642\u0637\u0639\u0627\u062a\u060c \u0622\u0646 \u0631\u0627 \u0627\u062e\u062a\u0631\u0627\u0639 \u06a9\u0631\u062f.<!--more--><\/p>\n<p><strong>\u062f\u0644\u0627\u0626\u0644 \u0645\u062d\u0628\u0648\u0628\u06cc\u062a \u06a9\u06cc\u0648\u0622\u0631 \u06a9\u062f<\/strong><\/p>\n<ul>\n<li>\u0647\u0631\u06af\u0648\u0646\u0647 \u062f\u06cc\u062a\u0627 (\u0627\u0639\u062f\u0627\u062f\u060c \u062d\u0631\u0648\u0641 \u0648 \u0639\u0644\u0627\u0626\u0645) \u0631\u0627 \u0631\u0645\u0632\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<li>\u0638\u0631\u0641\u06cc\u062a \u0622\u0646 \u0628\u0633\u06cc\u0627\u0631 \u0632\u06cc\u0627\u062f \u0627\u0633\u062a \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u06cc\u0634 \u0627\u0632 \u06f7\u06f0\u06f0\u06f0 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0628\u0627\u0631\u06a9\u062f \u0642\u0631\u0627\u0631 \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p><strong>\u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u06a9\u06cc\u0648\u0622\u0631 \u06a9\u062f<\/strong><\/p>\n<ul>\n<li>\u0627\u0631\u0627\u0626\u0647 \u0622\u0633\u0627\u0646\u062a\u0631 \u0622\u062f\u0631\u0633\u200c\u0647\u0627\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06cc\u0627 \u062b\u0628\u062a \u0646\u0627\u0645 \u062f\u0631 \u06cc\u06a9 \u0631\u0648\u06cc\u062f\u0627\u062f \u06cc\u0627 \u062e\u0631\u06cc\u062f \u06cc\u06a9 \u0645\u062d\u0635\u0648\u0644 &#8230;<\/li>\n<li>\u0646\u0635\u0628 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644<\/li>\n<li>\u06a9\u0627\u0631\u062a \u0648\u06cc\u0632\u06cc\u062a \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0627\u0641\u0631\u0627\u062f \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u0646\u062f.<\/li>\n<li>\u0628\u0644\u06cc\u0637 \u0645\u0633\u0627\u0641\u0631\u062a\u200c \u06cc\u0627 \u06a9\u0627\u0631\u062a \u0648\u0631\u0648\u062f \u0628\u0647 \u06cc\u06a9 \u0631\u0648\u06cc\u062f\u0627\u062f<\/li>\n<li>\u0645\u0637\u0627\u0644\u0628 \u062f\u0631\u0633\u06cc \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<p><strong>\u0633\u0627\u062e\u062a \u06a9\u06cc\u0648\u0622\u0631 \u06a9\u062f<\/strong><\/p>\n<p><a href=\"https:\/\/github.com\/neocotic\/qrious\" target=\"_blank\" rel=\"noopener\"><strong>QRious<\/strong><\/a> \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0633\u0627\u062f\u0647 \u0648 \u0645\u0633\u062a\u0642\u0644 \u0627\u0633\u062a\u061b \u06a9\u0647 \u0627\u0632 \u0627\u0644\u0645\u0646\u062a convas \u062f\u0631 HTML5 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u06a9\u06cc\u0648\u0622\u0631 \u06a9\u062f \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062f\u0644\u062e\u0648\u0627\u0647 \u0634\u0645\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<hr \/>\n<p>\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 <strong>QRious<\/strong> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u062a\u0633\u062a \u062f\u0631 \u06a9\u0627\u062f\u0631 \u0632\u06cc\u0631 \u06a9\u0644\u0645\u0647 \u0645\u0648\u0631\u062f \u0646\u0638\u0631\u062a\u0627\u0646 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0648 \u06a9\u06cc\u0648\u0622\u0631 \u06a9\u062f \u0622\u0646 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0631\u0648\u06cc \u0622\u0646 \u0631\u0627\u06cc\u062a \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><iframe class=\"w-100\" src=\"https:\/\/behnudi.ir\/f\/iframe\/qr_code\/\" height=\"900\"><\/iframe><\/p>\n<div dir=\"ltr\">HTML<\/div>\n<pre><code class=\"html\">\r\n&lt;canvas id=\"out-box\"&gt;&lt;\/canvas&gt;\r\n&lt;input type=\"text\" id=\"data\"&gt;\r\n&lt;input type=\"number\" id=\"size\" placeholder=\"100\" min=\"100\" max=\"1000\" value=\"300\"&gt;\r\n&lt;input type=\"number\" id=\"padding\" placeholder=\"Auto\" min=\"0\"&gt;\r\n&lt;select id=\"level\"&gt;\r\n    &lt;option value=\"L\"&gt;L - 7% damage&lt;\/option&gt;\r\n    &lt;option value=\"M\"&gt;M - 15% damage&lt;\/option&gt;\r\n    &lt;option value=\"Q\"&gt;Q - 25% damage&lt;\/option&gt;\r\n    &lt;option value=\"H\"&gt;H - 30% damage&lt;\/option&gt;\r\n&lt;\/select&gt;\r\n&lt;input type=\"color\" id=\"bg-color\" value=\"#ffffff\"&gt;\r\n&lt;input type=\"range\" id=\"bg-alpha\" placeholder=\"1\" min=\"0\" max=\"1\" step=\"0.1\" value=\"1\"&gt;\r\n&lt;input type=\"color\" id=\"fg-color\" value=\"#000000\"&gt;\r\n&lt;input type=\"range\" id=\"fg-alpha\" placeholder=\"1\" min=\"0\" max=\"1\" step=\"0.1\" value=\"1\"&gt;  \r\n\r\n<\/code><\/pre>\n<div dir=\"ltr\">JS<\/div>\n<pre><code class=\"javascript\">\r\nlet data = document.getElementById('data');\r\nlet size = document.getElementById('size');\r\nlet padding = document.getElementById('padding');\r\nlet level = document.getElementById('level');\r\nlet bgColor = document.getElementById('bg-color');\r\nlet bgAlpha = document.getElementById('bg-alpha');\r\nlet fgColor = document.getElementById('fg-color');\r\nlet fgAlpha = document.getElementById('fg-alpha');\r\n\r\nlet qr = new QRious({\r\n  element: document.getElementById('out-box'),\r\n  size: 300,\r\n  value: 'www.nikparvar.ir'\r\n});\r\n\r\ndata.value = 'www.nikparvar.ir';\r\n\r\ndata.addEventListener('input', function() {\r\n  qr.value = data.value;\r\n});\r\n\r\nsize.addEventListener('change', function() {\r\n  if (size.validity.valid) {\r\n    qr.size = size.value || null;\r\n  }\r\n});\r\n\r\npadding.addEventListener('change', function() {\r\n  if (padding.validity.valid) {\r\n    qr.padding = padding.value || null;\r\n  }\r\n});\r\n\r\nlevel.addEventListener('change', function() {\r\n  qr.level = level.value;\r\n});\r\n\r\nbgColor.addEventListener('change', function() {\r\n  qr.background = bgColor.value;\r\n});\r\n\r\nbgAlpha.addEventListener('change', function() {\r\n  qr.backgroundAlpha = bgAlpha.value;\r\n});\r\n\r\nfgColor.addEventListener('change', function() {\r\n  qr.foreground = fgColor.value;\r\n});\r\n\r\nfgAlpha.addEventListener('change', function() {\r\n  qr.foregroundAlpha = fgAlpha.value;\r\n});\r\n\r\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u06a9\u06cc\u0648\u0622\u0631 \u06a9\u062f (QR Code) \u06cc\u06a9 \u0646\u0648\u0639 \u0628\u0627\u0631\u06a9\u062f \u062f\u0648 \u0628\u0639\u062f\u06cc \u0627\u0633\u062a\u061b \u06a9\u0647 \u06cc\u06a9\u06cc \u0627\u0632 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u062a\u0648\u0645\u0628\u06cc\u0644 \u0633\u0627\u0632\u06cc \u062a\u0648\u06cc\u0648\u062a\u0627 \u062f\u0631 \u0633\u0627\u0644 \u06f1\u06f9\u06f9\u06f4\u060c \u0628\u0631\u0627\u06cc \u0631\u062f\u06cc\u0627\u0628\u06cc \u0633\u0631\u06cc\u0639 \u0642\u0637\u0639\u0627\u062a\u060c \u0622\u0646 \u0631\u0627 \u0627\u062e\u062a\u0631\u0627\u0639 \u06a9\u0631\u062f.<\/p>\n","protected":false},"author":1,"featured_media":919,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[53,46],"class_list":["post-918","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer-science","tag-barcode","tag-javascript"],"_links":{"self":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts\/918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=918"}],"version-history":[{"count":0,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts\/918\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/media\/919"}],"wp:attachment":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}