svg 绘制仪表盘图

43 阅读1分钟

svg绘制的仪表盘图,坐标取值有点乱,后面再优化,记录一下。

关键点

  • 主要是坐标的计算
  • 超过90deg后注意优弧和劣弧的取值。
  • svg元素transform中translate不是相对于自身,是整个svg(或者说画布)。需要设置tansform-box:fill-box才能相对于自身进行操作。

image.png