{"id":4893,"date":"2024-10-07T17:01:01","date_gmt":"2024-10-07T09:01:01","guid":{"rendered":""},"modified":"2024-10-07T17:01:01","modified_gmt":"2024-10-07T09:01:01","slug":"css3\u7684\u9762\u8bd5\u9898_go\u9762\u8bd5\u9898","status":"publish","type":"post","link":"https:\/\/mushiming.com\/4893.html","title":{"rendered":"css3\u7684\u9762\u8bd5\u9898_go\u9762\u8bd5\u9898"},"content":{"rendered":"<p><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\"> \n <path stroke-linecap=\"round\" d=\"M5,0 0,2.5 5,5z\" id=\"raphael-marker-block\" style=\"-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\"><\/path> \n<\/svg> <\/p>\n<div class=\"toc\">\n<h4>Css3\u5e38\u89c1\u6280\u672f\u9762\u8bd5\u9898<\/h4>\n<ul>\n<li>1 Canvas\u548cSVG\u56fe\u5f62\u7684\u533a\u522b\u662f\u4ec0\u4e48<\/li>\n<li>\n<ul>\n<li>1.1 Canvas<\/li>\n<li>1.2 SVG<\/li>\n<li>1.3 \u533a\u522b<\/li>\n<\/ul>\n<\/li>\n<li>2 Css\u5982\u4f55\u5b9e\u73b0\u6c34\u5e73\u5c45\u4e2d<\/li>\n<li>3 \u6e05\u9664\u6d6e\u52a8\u7684\u51e0\u79cd\u65b9\u6cd5<\/li>\n<li>4 img\u6807\u7b7e\u4e0aalt\u548ctitle\u7684\u533a\u522b<\/li>\n<li>5 \u7edd\u5bf9\u5b9a\u4f4d\u548c\u76f8\u5bf9\u5b9a\u4f4d\u7684\u533a\u522b<\/li>\n<li>6 \u4e09\u680f\u5e03\u5c40\uff08\u5de6\u53f3\u5b9a\u5bbd\uff0c\u4e2d\u95f4\u81ea\u9002\u5e94\uff09<\/li>\n<li>\n<ul>\n<li>6.1 \u6d6e\u52a8<\/li>\n<li>6.2 \u7edd\u5bf9\u5b9a\u4f4d<\/li>\n<li>6.3 flex\u5e03\u5c40<\/li>\n<li>6.4 \u8868\u683c\u5e03\u5c40<\/li>\n<li>6.5 \u7f51\u683c\u5e03\u5c40<\/li>\n<\/ul>\n<\/li>\n<li>7 \u52a8\u6548<\/li>\n<li>\n<ul>\n<li>7.1 \u539f\u7406<\/li>\n<li>7.2 \u52a8\u6548\u80fd\u89e3\u51b3\u4ec0\u4e48\u95ee\u9898<\/li>\n<li>7.3 Css3\u52a8\u6548<\/li>\n<li>7.4 \u52a8\u753b\uff08animation\uff09<\/li>\n<li>7.5 \u591a\u5217<\/li>\n<\/ul>\n<\/li>\n<li>8 \u4f2a\u7c7b\u7684\u4f7f\u7528<\/li>\n<\/ul>\n<\/div>\n<h2>1 Canvas\u548cSVG\u56fe\u5f62\u7684\u533a\u522b\u662f\u4ec0\u4e48<\/h2>\n<h3>1.1 Canvas<\/h3>\n<p>\u901a\u8fc7js\u7ed8\u52362D\u56fe\u5f62<br \/> \u9010\u50cf\u7d20\u8fdb\u884c\u6e32\u67d3<br \/> \u4f4d\u7f6e\u53d1\u751f\u6539\u53d8\u4f1a\u91cd\u65b0\u8fdb\u884c\u7ed8\u5236<\/p>\n<h3>1.2 SVG<\/h3>\n<p>\u4e00\u79cd\u4f7f\u7528XML\u63cf\u8ff0\u76842D\u56fe\u5f62\u7684\u8bed\u8a00<br \/> SVG\u7ee7\u7eedXML\u610f\u5473\u7740SVG DOM\u4e2d\u7684\u6bcf\u4e2a\u5143\u7d20\u90fd\u662f\u53ef\u7528\u7684\uff0c\u53ef\u4ee5\u4e3a\u67d0\u4e2a\u5143\u7d20\u9644\u52a0js\u4e8b\u4ef6\u5904\u7406\u5668<br \/> \u5728 SVG \u4e2d\uff0c\u6bcf\u4e2a\u88ab\u7ed8\u5236\u7684\u56fe\u5f62\u5747\u88ab\u89c6\u4e3a\u5bf9\u8c61\u3002\u5982\u679c SVG \u5bf9\u8c61\u7684\u5c5e\u6027\u53d1\u751f\u53d8\u5316\uff0c\u90a3\u4e48\u6d4f\u89c8\u5668\u80fd\u591f\u81ea\u52a8\u91cd\u73b0\u56fe\u5f62\u3002<\/p>\n<h3>1.3 \u533a\u522b<\/h3>\n<p>Canvas\u4f9d\u8d56\u5206\u8fa8\u7387\uff0cSVG\u4e0d\u4f9d\u8d56<br \/> Canvas\u4e0d\u652f\u6301\u4e8b\u4ef6\u5904\u7406\u5668\uff0cSVG\u652f\u6301<br \/> Canvas\u5f31\u7684\u6587\u672c\u6e32\u67d3\u80fd\u529b\uff0cSVG\u9002\u5408\u5e26\u6709\u5927\u578b\u6e32\u67d3\u533a\u57df\u7684\u5e94\u7528\u7a0b\u5e8f\uff08\u6bd4\u5982\u8c37\u6b4c\u5730\u56fe\uff09<br \/> Canvas\u6700\u9002\u5408\u56fe\u50cf\u5bc6\u96c6\u578b\u7684\u6e38\u620f\uff0c\u5176\u4e2d\u7684\u8bb8\u591a\u5bf9\u8c61\u4f1a\u88ab\u9891\u7e41\u91cd\u7ed8 SVG\u4e0d\u9002\u5408\u6e38\u620f\u5e94\u7528<br \/> Canvas\u80fd\u591f\u4ee5 .png \u6216 .jpg \u683c\u5f0f\u4fdd\u5b58\u7ed3\u679c\u56fe\u50cf<br \/> SVG\u590d\u6742\u5ea6\u9ad8\u4f1a\u51cf\u6162\u6e32\u67d3\u901f\u5ea6\uff08\u4efb\u4f55\u8fc7\u5ea6\u4f7f\u7528 DOM<\/p>\n","protected":false},"excerpt":{"rendered":"css3\u7684\u9762\u8bd5\u9898_go\u9762\u8bd5\u9898Css3\u5e38\u89c1\u6280\u672f\u9762\u8bd5\u98981 Canvas\u548cSVG\u56fe\u5f62\u7684\u533a\u522b\u662f\u4ec0\u4e481.1 Canvas1.2 SVG1.3 \u533a\u522b2 Css\u5982\u4f55\u5b9e\u73b0\u6c34\u5e73\u5c45\u4e2d3 ...","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/posts\/4893"}],"collection":[{"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/comments?post=4893"}],"version-history":[{"count":0,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/posts\/4893\/revisions"}],"wp:attachment":[{"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/media?parent=4893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/categories?post=4893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mushiming.com\/wp-json\/wp\/v2\/tags?post=4893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}