{"id":442,"date":"2019-02-21T06:04:15","date_gmt":"2019-02-20T22:04:15","guid":{"rendered":"https:\/\/wp.winter-weng.cc\/work\/?p=442"},"modified":"2019-02-21T06:04:15","modified_gmt":"2019-02-20T22:04:15","slug":"canvas-es6-%e6%a8%a1%e6%9d%bf%e3%80%81%e7%b2%92%e5%ad%90%e7%b3%bb%e7%b5%b1","status":"publish","type":"post","link":"https:\/\/wp.winter-weng.cc\/work\/?p=442","title":{"rendered":"Canvas ES6 \u6a21\u677f\u3001\u7c92\u5b50\u7cfb\u7d71"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u5167\u5bb9\u53ca\u5be6\u4f5c\u4f86\u81ea\u5433\u54f2\u5b87\u300a<a rel=\"noreferrer noopener\" aria-label=\"\u52d5\u756b\u4e92\u52d5\u7db2\u9801\u7279\u6548\u5165\u9580\uff08JS\/CANVAS\uff09 (\u5728\u65b0\u5206\u9801\u4e2d\u958b\u555f)\" href=\"https:\/\/hahow.in\/courses\/586fae97a8aae907000ce721\/main\" target=\"_blank\">\u52d5\u756b\u4e92\u52d5\u7db2\u9801\u7279\u6548\u5165\u9580\uff08JS\/CANVAS\uff09<\/a>\u300b<\/p><\/blockquote>\n\n\n<h4 class=\"wp-block-heading\"><strong>ES6 \u6a21\u677f<\/strong><\/h4>\n\n\n<p>\u900f\u904e ES6 \u91cd\u65b0\u88fd\u4f5c\u5411\u91cf\u7269\u4ef6\u3001\u4e26\u5c07\u5e38\u7528\u7684\u5713\u5f62\u3001\u756b\u7dda\u3001\u6ed1\u9f20\u63a7\u5236\u548c <a rel=\"noreferrer noopener\" href=\"http:\/\/workshop.chromeexperiments.com\/examples\/gui\/#1--Basic-Usage\" target=\"_blank\">dat.GUI<\/a> \u90fd\u653e\u5165\uff0c\u4e4b\u5f8c\u900f\u904e fork \u4f86\u4f7f\u7528\u53ef\u4ee5\u5feb\u901f\u958b\u767c\u3002<\/p>\n\n\n<p class=\"codepen\" data-height=\"265\" data-theme-id=\"0\" data-default-tab=\"js,result\" data-user=\"yichinweng\" data-slug-hash=\"ErdQqG\" style=\"height: 265px;align-items: center;justify-content: center;border: 2px solid black;margin: 1em 0;padding: 1em\" data-pen-title=\"\u52d5\u756b\u4e92\u52d5\u7db2\u9801\u7279\u6548 ch50. Canvas\u8207\u7279\u6548\u52d5\u756b- \u7e6a\u5716\u6a21\u677f\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/yichinweng\/pen\/ErdQqG\/\">\n  \u52d5\u756b\u4e92\u52d5\u7db2\u9801\u7279\u6548 ch50. Canvas\u8207\u7279\u6548\u52d5\u756b- \u7e6a\u5716\u6a21\u677f<\/a> by Winter (<a href=\"https:\/\/codepen.io\/yichinweng\">@yichinweng<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u7c92\u5b50\u7cfb\u7d71<\/strong><\/h4>\n\n\n<p>\u7c92\u5b50\u7cfb\u7d71\u770b\u8d77\u4f86\u771f\u7684\u5f88\u70ab\u53c8\u5f88\u8907\u96dc\uff0c\u4f46\u5be6\u969b\u4e0a\u4e26\u4e0d\u662f\u9019\u9ebc\u56f0\u96e3\u3002\u900f\u904e\u4e0d\u65b7\u7e6a\u88fd\u5716\u578b\uff0c\u91dd\u5c0d\u5716\u578b\u8a2d\u7f6e\u96a8\u6a5f\u7684\u8b8a\u5316\uff0c\u4f8b\u5982\u96a8\u6a5f\u7522\u751f\u984f\u8272\u3001\u4f4d\u7f6e\u7684\u504f\u79fb\uff0c\u5c31\u53ef\u4ee5\u9054\u6210\u57fa\u672c\u7684\u6548\u679c\u3002<\/p>\n\n\n<p>\u5c0d\u6211\u4f86\u8aaa\u56f0\u96e3\u4e4b\u8655\u662f\u5728\u65bc\u60f3\u5230\u4f5c\u6cd5 (\u50cf\u662f\u529b\u5834\u89e3\u69cb\u5f8c\u5c31\u662f\u900f\u904e\u8ddd\u96e2\u5dee\u4f86\u79fb\u52d5\u7c92\u5b50\uff0c\u770b\u8d77\u4f86\u50cf\u662f\u8d8a\u4f86\u8d8a\u9060\u800c\u6709\u65a5\u529b)\uff0c\u9084\u6709\u4e00\u4e9b\u6578\u5b78\u4e0a\u7684\u554f\u984c\uff0c\u8166\u888b\u4e0d\u592a\u597d XD\uff0c\u9700\u8981\u591a\u52a0\u7df4\u7fd2\u89e3\u69cb\u548c\u8a08\u7b97\u3002<\/p>\n\n\n<p class=\"codepen\" data-height=\"265\" data-theme-id=\"0\" data-default-tab=\"js,result\" data-user=\"yichinweng\" data-slug-hash=\"daLjWm\" style=\"height: 265px;align-items: center;justify-content: center;border: 2px solid black;margin: 1em 0;padding: 1em\" data-pen-title=\"\u52d5\u756b\u4e92\u52d5\u7db2\u9801\u7279\u6548 ch51. Canvas\u8207\u7279\u6548\u52d5\u756b- \u7269\u4ef6\u5c0e\u5411\u7d50\u69cb \u7c92\u5b50\u7bc7\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/yichinweng\/pen\/daLjWm\/\">\n  \u52d5\u756b\u4e92\u52d5\u7db2\u9801\u7279\u6548 ch51. Canvas\u8207\u7279\u6548\u52d5\u756b- \u7269\u4ef6\u5c0e\u5411\u7d50\u69cb \u7c92\u5b50\u7bc7<\/a> by Winter (<a href=\"https:\/\/codepen.io\/yichinweng\">@yichinweng<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5167\u5bb9\u53ca\u5be6\u4f5c\u4f86\u81ea\u5433\u54f2\u5b87\u300a\u52d5\u756b\u4e92\u52d5\u7db2\u9801\u7279\u6548\u5165\u9580\uff08JS\/&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"categories":[4],"tags":[15,20,21],"class_list":["post-442","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-canvas","tag-html5","tag-javascript"],"_links":{"self":[{"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/posts\/442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=442"}],"version-history":[{"count":0,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/posts\/442\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}