iconfont上的svg图标怎么用polygon展示？

Question

例如现在有一个小圆点svg

<svg t="1748326149080" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="828" width="64" height="64"><path d="M512 554.66666666m-328.57313891 0a132.19934892 132.19934892 0 1 0 657.14627782 0 132.19934892 132.19934892 0 1 0-657.14627786 0Z" p-id="829"></path></svg>

怎么用polygon方式显示呢？

Answer 1

svg提供的基本形状rect、circle、ellipse、line、polyline、polygon都能用path代替,一定程度上能减少代码量,减小svg文件大小;按上面所提到的path描绘的是一个圆,要用polygon表示的话,那得用更多得点来描述,点越多,才能让多边形无限靠近圆;如果用circl表示反而简单:

<svg t="1748326149080" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="828" width="64" height="64">
  <circle cx="512" cy="554.66666666" r="132.19934892" />
</svg>

如果是基础形状转path,倒是参考这个库convertSvg