Javascript 为什么SVG径向进度（循环百分比）不'；不行？

基于（我们称之为循环百分比），我们尝试为0、20、40、60、80和100%创建一些SVG图形

以下是我们为每个SVG采取的步骤：

在

标记内创建两个

元素

基于百分比、半径和周长计算

stroke dasharray

和

stroke dashoffset

，使

stroke dasharray

和

stroke dashoffset

之和等于周长

您可以看到进度为0、20、40、60、80、100%的SVG图形

.circularPercentage{
变换：旋转（-90度）；
}

---

您不了解笔划划线阵列的工作原理。如果你只是正确地调整了你的破折号数组的大小（等于周长-2*Pi*R），那么你就不需要偏移量，你会得到（我认为）你期望的东西。这是第一个，例如：

.circularPercentage{
变换：旋转（-90度）；
}