2016-11-28 5 views
0

Ich bin auf der Suche nach einer Möglichkeit, eine feste Linie Breite zu halten und halten die Svg reagieren.skalierbare SVG mit fester Grenze Größe

Dies ist, wie es aussehen soll: https://codepen.io/dudleystorey/pen/wMLBLK

jedoch das obige Beispiel hergestellt wird mit Hilfe von CSS und ich brauche es mit dem <path> Elemente zu tun.

+0

Fragen, die Code-Hilfe suchen, müssen den kürzesten Code enthalten, der für die Reproduktion erforderlich ist ** in der Frage selbst ** vorzugsweise in einem [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/ Einführung-Runnable-Javascript-CSS-und-HTML-Code-Snippets /). –

Antwort

1

Sie können dies über <path stroke-width="2" vector-effect="non-scaling-stroke" ... /> tun, auch wenn Sie bedenken, dass vector-effect nicht in IE10 oder niedriger implementiert ist.

Schauen Sie sich here an, falls Sie weitere Erläuterungen benötigen oder unter this Beispiel.

+0

Danke, es hat funktioniert! –

Verwandte Themen