使用SVG创建量规图表

时间:2019-01-09 04:53:33

标签: svg gauge arch

我正在寻找创建一个量规表,该量表将是圆形的,但应大于半圆。

我正在使用下面的代码,但是它给出了完整的360度圆。但是我想要显示像径向速度计那样的圆,所以不确定如何添加起始角和终止角。

<svg width="100%" viewBox="0 0 42 42" class="donut">
    <text font-size="3" x="18%" y="19%" text-anchor="middle" alignment-baseline="middle">11</text>
    <circle class="donut-segment" cx="8" cy="8" r="4" fill="transparent" stroke="gray" stroke-width="0.8" stroke-dasharray="36,0" stroke-dashoffset="0"></circle>
    <circle class="donut-segment" cx="8" cy="8" r="4" fill="transparent" stroke="blue" stroke-width="0.8" stroke-dasharray="11,25" stroke-dashoffset="0"></circle>
</svg>

0 个答案:

没有答案