{"id":291,"date":"2016-10-14T17:52:56","date_gmt":"2016-10-14T09:52:56","guid":{"rendered":"http:\/\/loveuhouse.cn\/wordpress\/?p=291"},"modified":"2016-10-14T17:55:37","modified_gmt":"2016-10-14T09:55:37","slug":"canvas-%e5%88%9b%e5%bb%ba%e4%bb%a5%e5%8f%8a%e5%b0%86%e5%86%85%e5%ae%b9%e8%bd%acbase64%e5%b9%b6%e5%af%bc%e5%87%ba%e4%b8%ba%e5%9b%be%e7%89%87","status":"publish","type":"post","link":"https:\/\/loveuhouse.cn\/wordpress\/?p=291","title":{"rendered":"canvas\u521b\u5efa\/\u56fe\u7247\u548cbase64\u4e92\u8f6c"},"content":{"rendered":"<p>\u90e8\u5206\u53c2\u8003\u81ea<a href=\"http:\/\/blog.csdn.net\/renfufei\/article\/details\/9855519\">http:\/\/blog.csdn.net\/renfufei\/article\/details\/9855519<\/a><\/p>\n<blockquote><p>\u521b\u5efacanvas<\/p><\/blockquote>\n<pre class=\"lang:js decode:true\">var canvas = document.createElement('canvas'); \ncanvas.id     = \"CursorLayer\"; \ncanvas.width  = 1224; \ncanvas.height = 768; \ncanvas.style.zIndex   = 8; \ncanvas.style.position = \"absolute\"; \ncanvas.style.border   = \"1px solid\";\ndocument.body.appendChild(canvas);<\/pre>\n<blockquote><p>\u56fe\u7247\u8f6cbase64<\/p><\/blockquote>\n<pre class=\"lang:js decode:true\">\/\/ \u628aimage \u8f6c\u6362\u4e3a canvas\u5bf9\u8c61  \nfunction convertImageToCanvas(image) {  \n    \/\/ \u521b\u5efacanvas DOM\u5143\u7d20\uff0c\u5e76\u8bbe\u7f6e\u5176\u5bbd\u9ad8\u548c\u56fe\u7247\u4e00\u6837   \n    var canvas = document.createElement(\"canvas\");  \n    canvas.width = image.width;  \n    canvas.height = image.height;  \n    \/\/ \u5750\u6807(0,0) \u8868\u793a\u4ece\u6b64\u5904\u5f00\u59cb\u7ed8\u5236\uff0c\u76f8\u5f53\u4e8e\u504f\u79fb\u3002  \n    canvas.getContext(\"2d\").drawImage(image, 0, 0);  \n  \n    return canvas;  \n}<\/pre>\n<p>&nbsp;<\/p>\n<blockquote><p>base64\u8f6c\u56fe\u7247<\/p><\/blockquote>\n<pre class=\"lang:js decode:true \">var fin = new Image();\n    fin.src =  canvas.toDataURL(\"image\/jpg\");\ndocument.body.appendChild(fin);<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u90e8\u5206\u53c2\u8003\u81eahttp:\/\/blog.csdn.net\/renfufei\/article\/details\/9855 &hellip; <a href=\"https:\/\/loveuhouse.cn\/wordpress\/?p=291\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">canvas\u521b\u5efa\/\u56fe\u7247\u548cbase64\u4e92\u8f6c<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/291"}],"collection":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=291"}],"version-history":[{"count":3,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/291\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/291\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}