SVG Symbol ViewBox schneidet Kreisdarstellung mit Strich=1 ⇐ HTML

[Anonymous]

Ich erstelle viele Elemente, die grundsätzlich auf Vorlagen basieren, aber unterschiedliche Größen und Farben haben – Kreise, Kästchen, Sternchen, Rauten, Elemente, die häufig in einem Diagramm verwendet werden. Ich habe festgestellt, dass ich SVG-Symbol verwenden kann, um meine Vorlage wie im folgenden Beispiel zu definieren:
http://jsfiddle.net/9x2mbs3n/

Code: Select all

Aber vielleicht, weil ich einen nicht skalierenden Strich verwende, schneidet er den Kreis links und unten:
http://jsfiddle.net/408343fr/1/

Code: Select all

Ich möchte in der Lage sein, eine Kreisvorlage zu definieren und sie mit einem anderen Radius zu zeichnen, aber wegen der Viewbox ist das nicht so einfach.




Prost!