如何在给定点绘制垂直于 SVG 弧的垂直线，例如使用 textPaths 的 startOffset ( SVG METER ) 定位文本？

Question

在下面给出的 SVG 仪表中，如何创建/修复以下内容：

1. 垂直线正好低于读数值 (textPath)，重新创建圆形刻度？
2. 以及如何将溢出的值修复为可见，它们位于path 的每一端，同时位于startOffset: "0%" 和startOffset: "100%" 处？

CODEPEN： https://codepen.io/sparkeplug/pen/OJvmLOB

休闲图片示例：

Answer 1

你可以使用css属性：

.svg #meterHand{
   transform: rotate(-20deg);
}