SVG五等分扇形拼接

完成样式

svg代码:

<svg width="200px" height="200px" viewBox="0 0 200 200">
 <defs>
  <style type="text/css">
   <![CDATA[
    .str0 {stroke:#1F1A17;stroke-width:0.900007}
    .fil3 {fill:#B6DDC7}
    .fil4 {fill:#B8DB7C}
    .fil5 {fill:#F19ABE}
    .fil1 {fill:#F7C5B4}
    .fil2 {fill:#FFFB9C}
    .fil0 {fill:#FFFCC8}
   ]]>
  </style>
 </defs>
 <path id="1" class="fil1 str0" d="M99.9929 0.179529l-0.187797 99.8618c31.8735,-9.92488 63.7434,-18.5753 95.6169,-28.5014 -10.2284,-33.7916 -41.7428,-70.3139 -95.4291,-71.3604z"/>
  <path class="fil2 str0" d="M195.462 71.6769l-95.3665 28.0904c19.9643,26.3187 40.2298,52.9386 60.1942,79.2573 26.5738,-19.7754 47.9921,-60.6076 35.1723,-107.348z"/>
  <path class="fil3 str0" d="M160.186 179.105l-60.3808 -79.0636c-19.7435,26.4557 -39.8117,53.2351 -59.5552,79.6896 31.1625,23.5644 81.2144,28.955 119.936,-0.625989z"/>
  <path class="fil4 str0" d="M40.2499 179.731l59.5552 -79.6896c-31.6065,-9.7926 -63.7517,-19.5864 -95.3582,-29.3802 -9.12173,30.0794 -6.43233,76.8384 35.803,109.07z"/>
  <path class="fil5 str0" d="M4.46224 70.6092l95.4433 29.4002c-0.00236222,-33.1207 -0.00354333,-66.708 -0.00472445,-99.8299 -31.4353,0.0259845 -76.8727,15.971 -95.4385,70.4297z"/>
</svg>
发布了34 篇原创文章 · 获赞 5 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/jason_renyu/article/details/86567506
SVG