\u5177\u4f53\u505a\u7684demo\u5982\u4e0b\uff1a<\/p>\n
1\u3001\u9875\u9762\u5143\u7d20\uff1a\u5730\u5740\u8f93\u5165\u6846\uff0ccanvas\u65b9\u5f0f\u7684\u663e\u793adiv\uff0ctable\u65b9\u5f0f\u7684\u663e\u793adiv<\/p>\n
<input id=”urlIn” placeholder=”\u8bf7\u8f93\u5165\u7f51\u5740”>
\n<div class=”qrCodeShow” id=”canvas”><\/div>
\n<div class=”qrCodeShow” id=”table”><\/div><\/p>\n
2\u3001\u5f15\u5165jquery\u652f\u6301\u53cajquery.qrcode\u652f\u6301\uff0c\u8fd9\u4e24\u4e2a\u90fd\u6bd4\u8f83\u597d\u627e<\/p>\n
3\u3001js\u63a7\u5236\u4e8c\u7ef4\u7801\u751f\u6210<\/p>\n
$(function(){
\n\/\/\u83b7\u5f97\u7126\u70b9\u65f6\u6dfb\u52a0url\u534f\u8bae\u5934http:\/\/
\n$(“#urlIn”).focus(function(){
\n$(“#urlIn”).val(“http:\/\/”);
\n});<\/p>\n
\/\/\u8f93\u5165\u6846\u5931\u53bb\u7126\u70b9\u65f6\u663e\u793a\u8f93\u5165\u6846\u503c
\n$(“#urlIn”).blur(function () {
\n$(“#canvas”).empty();
\n$(“#table”).empty();<\/p>\n
var url = $(“#urlIn”).val();
\n\/\/ alert(url)
\n\/\/canvas\u65b9\u5f0f\u751f\u6210\u4e8c\u7ef4\u7801\uff08\u4e8c\u7ef4\u7801\u662f\u4e00\u5f20\u56fe\u7247\uff09
\n$(“#canvas”).qrcode(url);
\n\/\/table\u65b9\u5f0f\u751f\u6210\u4e8c\u7ef4\u7801\uff08\u4e8c\u7ef4\u7801\u662f\u7531<table>\u6807\u7b7e\u7684\u5355\u5143\u683c\u586b\u9ed1\u767d\u6846\u7684\u65b9\u5f0f\u5f62\u6210\uff09
\n$(“#table”).qrcode({
\nrender: “table”,
\nwidth: 200,
\nheight: 200,
\ntext: url
\n})
\n})<\/p>\n
})<\/p>\n
\u603b\u7ed3canvas\u65b9\u5f0f\u751f\u6210\u4e8c\u7ef4\u7801\u4e3a\u56fe\u7247\uff0ctable\u65b9\u5f0f\u751f\u6210\u4e8c\u7ef4\u7801\u662f\u80cc\u666f\u8868\u683c\u5f62\u5f0f\u683c<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5177\u4f53\u505a\u7684demo\u5982\u4e0b\uff1a 1\u3001\u9875\u9762\u5143\u7d20\uff1a\u5730\u5740\u8f93\u5165\u6846\uff0ccanvas\u65b9\u5f0f\u7684\u663e\u793adiv\uff0ctable\u65b9\u5f0f\u7684\u663e\u793adiv <input id=”urlIn” placeholder=”\u8bf7\u8f93\u5165\u7f51\u5740”&g…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,452,5,1],"tags":[592,589],"topic":[],"class_list":["post-69113","post","type-post","status-publish","format-standard","hentry","category-htmlcss","category-vue","category-wx","category-technology","tag-qrcode","tag-589"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/69113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=69113"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/69113\/revisions"}],"predecessor-version":[{"id":69114,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/69113\/revisions\/69114"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=69113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=69113"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=69113"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=69113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}