{"id":93874,"date":"2020-04-18T11:19:25","date_gmt":"2020-04-18T03:19:25","guid":{"rendered":"http:\/\/4563.org\/?p=93874"},"modified":"2020-04-18T11:19:25","modified_gmt":"2020-04-18T03:19:25","slug":"js-%e6%ad%a3%e5%88%99%e6%9b%bf%e6%8d%a2","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=93874","title":{"rendered":"js \u6b63\u5219\u66ff\u6362"},"content":{"rendered":"
\n
\n
\n

js \u6b63\u5219\u66ff\u6362 <\/h1>\n

<\/p>\n

\n
\u8cc7\u6df1\u5927\u4f6c : TomVista <\/span> <\/i> 22<\/span> <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
<\/p>\n
\/\/ str \u662f svg \u4e2d\u7684 path,\u5c06\u5176\u4e2d\u7684\u989c\u8272(fill=\"color\"),\u6309\u7167\u987a\u5e8f\u66ff\u6362\u6210 newColor \u4e2d\u7684\u5bf9\u5e94\u9879 let str = \"<path d=\"M571.904 297.984l215.552 181.248s22.528-171.52-57.344-192-158.208 10.752-158.208 10.752z\" fill=\"#F4CE26\" \/><path d=\"M250.88 876.032c-15.36-8.704-20.48-28.16-11.776-43.52l28.16-48.128c8.704-15.36 28.16-20.48 43.52-11.776 15.36 8.704 20.48 28.672 11.776 43.52l-28.16 48.128c-8.704 15.36-28.672 20.48-43.52 11.776z m235.52 34.816c-15.36-8.704-20.48-28.16-11.776-43.52l48.128-83.456c8.704-15.36 28.16-20.48 43.52-11.776 15.36 8.704 20.48 28.672 11.776 43.52l-48.128 83.456c-8.704 15.36-28.16 20.992-43.52 11.776z\" fill=\"#3F65FF\" \/><path d=\"M458.752 297.984c73.216 0 139.264 44.032 167.424 111.616l13.824 33.792 36.352 5.12c52.224 7.68 91.648 52.224 91.648 105.472 0 58.88-47.616 106.496-106.496 106.496H234.496c-47.104 0-85.504-38.4-85.504-85.504 0-43.52 32.768-80.384 76.288-84.992l46.08-4.608 9.728-45.056c18.432-81.92 93.184-142.336 177.664-142.336m0-64c-117.248 0-215.552 82.432-239.616 193.024-81.92 8.704-141.312 81.92-133.12 163.84 8.192 76.288 72.192 133.632 148.48 133.632h426.496c94.208 0 170.496-76.288 170.496-170.496 0-86.016-64-157.184-146.944-168.96-36.352-88.576-123.904-151.04-225.792-151.04z\" fill=\"#333333\" \/><path d=\"M937.472 512c-6.144 16.384-24.576 25.088-40.96 18.944l-39.936-14.336c-16.384-6.144-25.088-24.576-18.944-40.96 6.144-16.384 24.576-25.088 40.96-18.944l39.936 14.848c16.384 5.12 24.576 23.552 18.944 40.448z m-361.984-276.48c-15.872 7.68-34.816 0.512-42.496-15.36l-17.92-38.912c-7.168-15.872-0.512-34.816 15.36-42.496 15.872-7.68 34.816-0.512 42.496 15.36l17.92 38.912c7.68 16.384 0.512 35.328-15.36 42.496z m183.296-106.496c16.384 6.144 25.088 24.576 18.944 40.96l-14.336 39.936c-6.144 16.384-24.576 25.088-40.96 18.944-16.384-6.144-25.088-24.576-18.944-40.96l14.336-39.936c6.144-16.384 24.576-25.088 40.96-18.944z m168.448 154.624c7.168 15.872 0.512 34.816-15.36 42.496l-38.912 17.92c-15.872 7.68-34.816 0.512-42.496-15.36-7.168-15.872-0.512-34.816 15.36-42.496l38.912-17.92c15.872-7.68 35.328-1.024 42.496 15.36z m-295.424 22.528c20.48-5.12 41.472-3.584 61.44 3.584 45.568 16.896 72.704 61.44 69.632 107.52 21.504 15.872 38.4 35.84 50.688 59.392 1.024-3.072 2.56-5.632 3.584-8.704 32.256-88.576-13.312-186.368-101.888-218.624-49.152-17.92-100.864-11.264-142.848 12.8 22.016 11.776 41.984 26.624 59.392 44.032z\" fill=\"#333333\" \/>\"  let reg = \/fill=\"(S*)\"\/g let i = 0 let newColor = ['color1', 'color2', 'color3', 'color4', 'color5'] let newStr = str.replace(reg, () => {     const newfill = `fill=\"${newColor[i]}\"`     i += 1     return newfill }) console.log(newStr) <\/code><\/pre>\n
\u6211\u5199\u7684\u8fd9\u4e2a i=0; i++ \u611f\u89c9\u602a\u602a\u7684…<\/p>\n<\/p><\/div>\n
 \u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (3<\/span>)        <\/div>\n
 <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
    \n
  • \n
    \n
    \n
     \u8cc7\u6df1\u5927\u4f6c : iNaru <\/span>  <\/div>\n
     <\/i>            <\/span> <\/div>\n<\/p><\/div>\n
                                                                 return `fill=”${newColor.shift()}`                                                            <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
     \u8cc7\u6df1\u5927\u4f6c : iNaru <\/span>  <\/div>\n
     <\/i>            <\/span> <\/div>\n<\/p><\/div>\n
                                                                 @iNaru \u6f0f\u4e86\u4e2a\u53f3\u53cc\u5f15\u53f7                                                            <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
     \u4e3b<\/span> \u8cc7\u6df1\u5927\u4f6c : TomVista <\/span>  <\/div>\n
     <\/i>            <\/span> <\/div>\n<\/p><\/div>\n
                                                                 @iNaru \u4e5f\u662f\u5389\u5bb3 https:\/\/s1.ax1x.com\/2020\/04\/10\/GTCuFI.png                                                            <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n","protected":false},"excerpt":{"rendered":"
    js \u6b63\u5219\u66ff\u6362 \u8cc7\u6df1\u5927\u4f6c : To…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/93874"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=93874"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/93874\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=93874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=93874"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=93874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}