实现一扇形生成器

虽互不曾谋面,但希望能和您成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号（ID：itclanCoder）

(具体实例效果可以点击文末左下方阅读原文)

实现扇形生成器

svg实现

<svg width="226" :height="226">
  <path d="M 199.56 40.37 A 113 113 0 0 0 2.47 89.51 L 113 113 Z" fill="#B4331A"></path>
</svg>

模拟三角

.sector-container {
    width: 160px;
    height: 160px;
    background: transparent;
    borde