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>

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值