SVG круг с небольшим штрихом-Dasharray отсутствует сглаживание - PullRequest
0 голосов
/ 17 мая 2018

Если я использую очень маленький штрих-штрих на круге, он создает странную «прямоугольную» форму в середине круга. Что вызывает такое поведение и есть ли способ его решить?

Хромированная штрих-панель: 0,6 и ниже не работает Firefox Stroke-Dasharray: 2 и ниже ошибки

<svg viewBox="0 0 100 100" style="width:800px;height:800px;">
  <circle cx="50" cy="50" r="50" fill="black" stroke="red" stroke-width="100" stroke-dasharray="0.6, 10000"></circle>
</svg>

<svg viewBox="0 0 100 100" style="width:800px;height:800px;">
  <circle cx="50" cy="50" r="50" fill="black" stroke="red" stroke-width="100" stroke-dasharray="0.7, 10000"></circle>
</svg>

<svg viewBox="0 0 100 100" style="width:800px;height:800px;">
  <circle cx="50" cy="50" r="50" fill="black" stroke="red" stroke-width="100" stroke-dasharray="2, 10000"></circle>
</svg>

<svg viewBox="0 0 100 100" style="width:800px;height:800px;">
  <circle cx="50" cy="50" r="50" fill="black" stroke="red" stroke-width="100" stroke-dasharray="3, 10000"></circle>
</svg>

enter image description here

...