{"id":512,"date":"2017-02-13T19:03:06","date_gmt":"2017-02-13T11:03:06","guid":{"rendered":"http:\/\/www.rainweb.site\/?p=512"},"modified":"2023-08-07T20:57:29","modified_gmt":"2023-08-07T12:57:29","slug":"html-article54","status":"publish","type":"post","link":"http:\/\/rain1024.com\/index.php\/2017\/02\/13\/html-article54\/","title":{"rendered":"\u4f7f\u7528HTML5\u5236\u4f5c\u4e00\u4e2a\u53ef\u4ee5\u4fdd\u5b58\u7684\u5728\u7ebf\u753b\u677f"},"content":{"rendered":"<h2>\u4f7f\u7528HTML5\u5236\u4f5c\u4e00\u4e2a\u53ef\u4ee5\u4fdd\u5b58\u7684\u5728\u7ebf\u753b\u677f\uff1b\u4f7f\u7528HTML5\u5236\u4f5c\u4e00\u4e2a\u53ef\u4ee5\u4fdd\u5b58\u7684\u5728\u7ebf\u753b\u677f\uff1b\u4f7f\u7528HTML5\u5236\u4f5c\u4e00\u4e2a\u53ef\u4ee5\u4fdd\u5b58\u7684\u5728\u7ebf\u753b\u677f<\/h2>\n<h3>\u4e0b\u9762\u662f\u4ee3\u7801\uff0c\u6548\u679c\u5982\u4e0b\u56fe\uff0c\u753b\u597d\u4ee5\u540e\u53f3\u952e\u5c31\u53ef\u4ee5\u4fdd\u5b58\u4e3a\u56fe\u7247<\/h3>\n<pre><code class=\"HTML\">&lt;!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"&gt;\n&lt;html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"&gt;\n&lt;head&gt;\n&lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/&gt;\n&lt;title&gt;&lt;\/title&gt;\n&lt;script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js\"&gt;&lt;\/script&gt;\n&lt;style type=\"text\/css\"&gt;\n#php100{ border:1px solid #ccc;}\n&lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;canvas id=\"php100\" width=\"500\" height=\"400\"&gt;&lt;\/canvas&gt;\n&lt;script type=\"text\/javascript\"&gt;\n var canvas = document.getElementById('php100');\n var p100=canvas.getContext(\"2d\");\n     p100.lineWidth=5\n     p100.strokeStyle=\"red\"; \n var paint=0;\n$(\"#php100\").mousedown(function(e){\n  var mouseX = e.pageX - this.offsetLeft;\n  var mouseY = e.pageY - this.offsetTop; \n  paint=1;\n  p100.moveTo(mouseX,mouseY); \/\/\u8d77\u59cb\u4f4d\u7f6e\n});\n$(\"#php100\").mouseup(function(e){\n   paint=0;\n});\n$(\"#php100\").mousemove(function(e){\n  var mouseX = e.pageX - this.offsetLeft;\n  var mouseY = e.pageY - this.offsetTop; \n    if(paint){\n        p100.lineTo(mouseX,mouseY); \/\/\u7ec8\u6b62\u4f4d\u7f6e\n        p100.stroke();              \/\/\u7ed3\u675f\u56fe\u5f62\n      }\n});\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p><img decoding=\"async\" src=\"http:\/\/blog-1252406596.costj.myqcloud.com\/blog\/htm4.png\" alt=\"\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4f7f\u7528HTML5\u5236\u4f5c\u4e00\u4e2a\u53ef\u4ee5\u4fdd\u5b58\u7684\u5728\u7ebf\u753b\u677f\uff1b\u4f7f\u7528HTML5\u5236\u4f5c\u4e00\u4e2a\u53ef\u4ee5\u4fdd\u5b58\u7684\u5728\u7ebf\u753b\u677f\uff1b\u4f7f\u7528HTML5\u5236\u4f5c\u4e00\u4e2a\u53ef\u4ee5\u2026 <span class=\"read-more\"><a href=\"http:\/\/rain1024.com\/index.php\/2017\/02\/13\/html-article54\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":513,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"aside","meta":{"footnotes":""},"categories":[30],"tags":[45],"class_list":["post-512","post","type-post","status-publish","format-aside","has-post-thumbnail","hentry","category-html","tag-html","post_format-post-format-aside"],"_links":{"self":[{"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/posts\/512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/comments?post=512"}],"version-history":[{"count":1,"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/posts\/512\/revisions"}],"predecessor-version":[{"id":1487,"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/posts\/512\/revisions\/1487"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/media\/513"}],"wp:attachment":[{"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/media?parent=512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/categories?post=512"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/rain1024.com\/index.php\/wp-json\/wp\/v2\/tags?post=512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}