SVG简易扇形

239 阅读1分钟
<div id="root" style="width: 200px; height: 200px; transform: rotate(270deg)">
  <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" > 
        <circle
          r="50"
          cx="100"
          cy="100"
          fill="transparent"
          stroke="#2b8ced"
          stroke-width="100"
          stroke-dasharray=314
          stroke-dashoffset=100 // 剩余未完成的数量
        />
      </svg>
</div>