{"id":770,"date":"2016-03-04T08:08:23","date_gmt":"2016-03-03T23:08:23","guid":{"rendered":"http:\/\/www.chihayafuru.jp\/tech\/?p=770"},"modified":"2017-02-13T14:23:14","modified_gmt":"2017-02-13T05:23:14","slug":"canvas%e3%81%ab%e6%8f%8f%e7%94%bb%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%afonload%e3%83%8f%e3%83%b3%e3%83%89%e3%83%a9%e3%81%a7%e5%ae%9f%e8%a1%8c","status":"publish","type":"post","link":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/archives\/770","title":{"rendered":"Canvas\u306b\u63cf\u753b\u3059\u308b\u3068\u304d\u306fonload\u30cf\u30f3\u30c9\u30e9\u3067\u5b9f\u884c"},"content":{"rendered":"<p>Canvas\u306b\u63cf\u753b\u3059\u308b\u3068\u304d\u306fonload\u30cf\u30f3\u30c9\u30e9\u306b\u3066\u5b9f\u884c\u3059\u308b<\/p>\n<h2>NG<\/h2>\n<pre class=\"lang:js decode:true \" >var ctx = document.getElementById('myCanvas').getContext(\"2d\")\r\n\r\nvar img = new Image()\r\n\r\nimg.src = \"myDog.png\"\r\n\r\nctx.drawImage(img, 0, 0)<\/pre>\n<p>\u203b\u4e0a\u624b\u304f\u3044\u304f\u3068\u304d\u3082\u3042\u308b\u3002<\/p>\n<h2>OK<\/h2>\n<pre class=\"lang:js decode:true \" >var ctx = document.getElementById('myCanvas').getContext(\"2d\")\r\n\r\nvar img = new Image()\r\n\r\nimg.src = \"myDog.png\"\r\n\r\nimg.onload = function() {\r\n               ctx.drawImage(img, 0, 0)\r\n             }<\/pre>\n<p>\u30ed\u30fc\u30ab\u30eb\u753b\u50cf\u306b\u9650\u3089\u306a\u3044\u3002<br \/>\ncanvas.toDataURL()\u3067\u753b\u50cf\u3092\u751f\u6210\u3057\u305f\u3068\u304d\u3082\u540c\u69d8\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Canvas\u306b\u63cf\u753b\u3059\u308b\u3068\u304d\u306fonload\u30cf\u30f3\u30c9\u30e9\u306b\u3066\u5b9f\u884c\u3059\u308b NG var ctx = document.getElementById(&#8216;myCanvas&#8217;).getContext(&#8220;2d&#8221;) var img = new [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[26],"class_list":["post-770","post","type-post","status-publish","format-standard","hentry","category-memo","tag-html5"],"_links":{"self":[{"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/posts\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/comments?post=770"}],"version-history":[{"count":4,"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/posts\/770\/revisions"}],"predecessor-version":[{"id":774,"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/posts\/770\/revisions\/774"}],"wp:attachment":[{"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/media?parent=770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/categories?post=770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chihayafuru.jp\/tech\/index.php\/wp-json\/wp\/v2\/tags?post=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}