SVG-символ ViewBox обрезает рендеринг круга с помощью штриха = 1 ⇐ Html

[Anonymous]

Я создаю множество элементов, которые в основном основаны на шаблоне, но имеют разный размер и цвет — круги, прямоугольники, звездочки, ромбы, элементы, которые часто используются в диаграмме. Я обнаружил, что могу использовать символ SVG для определения своего шаблона, как в следующем примере:
http://jsfiddle.net/9x2mbs3n/

Код: Выделить всё

Но, возможно, из-за того, что я использую обводку без масштабирования, круг обрезается слева и снизу:
http://jsfiddle.net/408343fr/1/

Код: Выделить всё

Я хочу иметь возможность определить шаблон круга и нарисовать его с другим радиусом, но из-за окна просмотра это не так просто.




Ура!

Подробнее здесь: https://stackoverflow.com/questions/298 ... h-stroke-1