на чем основаны процентные значения для svg stroke-dashoffset

Question

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset

В соответствии с приведенной выше ссылкой свойство css stroke-dashoffset принимает проценты.

Какое значение имеет процент в процентах?

Я ожидал, что это будет общая длина пути.Но в некоторых экспериментах это не так.

Здесь я пытаюсь анимировать от 0% до 100% ...

.circles {
    stroke-dasharray: 50%;
    animation-name: dashingRotation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes dashingRotation {
    0%     {stroke-dashoffset: 0%;}
    50%    {stroke-dashoffset: 100%;}
    100%   {stroke-dashoffset: 100%}
}

полный код: https://jsfiddle.net/tssn40yL/

... но тире не берутдо половины кругов и анимация не идет полностью вокруг.

Так что же означает этот процент?

Answer 1

В соответствии со спецификацией SVG

Если используется <percentage>, значение представляет собой процент от текущего окна просмотра (см. Единицы ).