{"id":345,"date":"2020-07-25T10:42:10","date_gmt":"2020-07-25T01:42:10","guid":{"rendered":"https:\/\/blog.wsd.sh\/?p=345"},"modified":"2020-07-25T10:42:10","modified_gmt":"2020-07-25T01:42:10","slug":"07-08-javascript-%e5%a4%89%e6%9b%b4","status":"publish","type":"post","link":"https:\/\/blog.wsd.sh\/?p=345","title":{"rendered":"07->08 JavaScript \u5909\u66f4"},"content":{"rendered":"<p>1. canvas.js<br \/>\n1.1 \u30b3\u30e1\u30f3\u30c8\u306e\u524a\u9664<\/p>\n<p>before:<\/p>\n<pre>\r\n \/*\r\n     $(\"#canvas\").mousedown(function(){\r\n       globalThis.clickFlg = 1; \/\/ \u30de\u30a6\u30b9\u62bc\u4e0b\u958b\u59cb\r\n     }).mouseup(function(){\r\n       globalThis.clickFlg = 0; \/\/ \u30de\u30a6\u30b9\u62bc\u4e0b\u7d42\u4e86\r\n     }).mousemove(function(e){\r\n       \/\/ \u30de\u30a6\u30b9\u79fb\u52d5\u51e6\u7406\r\n       if(!globalThis.clickFlg) return false;\r\n       root.draw(e.offsetX, e.offsetY, cnvBold, cnvColor);\r\n     });\r\n *\/\r\n\r\n\/*\r\n     $(\".color a\").click(function(){\r\n       cnvColor = $(this).data(\"color\");\r\n       return false;\r\n     });\r\n *\/\r\n\r\n\/*\r\n     $(\".bold a\").click(function(){\r\n       cnvBold = $(this).data(\"bold\");\r\n       return false;\r\n     });\r\n*\/\r\n\r\n\r\n\/*\r\n     $(\"#clear\").click(function(){\r\n       root.ctx.clearRect(0,0);\r\n       root.setBgColor(bgColor);\r\n     });\r\n *\/\r\n\r\n\/*\r\n     $(\"#download\").click(function(){\r\n       canvas = document.getElementById('canvas');\r\n       var base64 = canvas.toDataURL(\"image\/jpeg\");\r\n       document.getElementById(\"download\").href = base64;\r\n     });\r\n*\/\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>1. canvas.js 1.1 \u30b3\u30e1\u30f3\u30c8\u306e\u524a\u9664 before: \/* $(&#8220;#canvas&#8221;).mousedown(function(){ globalThis.clickFlg = 1; \/\/ \u30de\u30a6\u30b9\u62bc\u4e0b\u958b\u59cb })&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/posts\/345"}],"collection":[{"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=345"}],"version-history":[{"count":1,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/posts\/345\/revisions"}],"predecessor-version":[{"id":346,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/posts\/345\/revisions\/346"}],"wp:attachment":[{"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}