Ich habe in Illustrator ein einfaches Chevron-Symbol erstellt und exportiere es jetzt als SVG. Technisch gesehen ist es nur ein Pfad mit einem runden Pinselstrich von 2pt.
Wenn ich es als SVG mit angewendetem Strich exportiere, erhalte ich das folgende Markup:
<svg id="F-Chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 16">
<title>Icons</title>
<g id="Right">
<path d="M7.79,5.71l7,7V11.29l-7,7a1,1,0,0,0,1.41,1.41l7-7a1,1,0,0,0,0-1.41l-7-7A1,1,0,0,0,7.79,5.71Z" transform="translate(-7.5 -4)"/>
</g>
</svg>
Wenn ich die Ebene ohne den Strich exportiere, erhalte ich das, was mein gewünschtes Ergebnis ist, aber ohne Strichattribut.
<svg id="F-Chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 14">
<title>Icon</title>
<g id="Right">
<polyline points="0 0 7 7 0 14" style="fill: none"/>
</g>
</svg>
Ist es möglich, den Strich in Illustrator anzuwenden, aber als SVG zu exportieren, um so etwas wie das Folgende zu erhalten? (Beachten Sie die Attribute auf dem SVG-Tag)
<svg id="F-Chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 14" stroke-width="2" stroke="#000">
<title>Icon</title>
<g id="Right">
<polyline points="0 0 7 7 0 14" style="fill: none"/>
</g>
</svg>
Jede Hilfe wird sehr geschätzt, ich kann keinen Weg finden, es sei denn, ich wende die Striche manuell in jeder Symbol-SVG-Datei an.
Danke schön!
Sie können einfach die Strichattribute zum gewünschten SVG hinzufügen ...
<svg id="F-Chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 14" stroke-width="2" stroke="#000">
<title>Icon</title>
<g id="Right" stroke-width="1" stroke="blue">
<polyline points="0 0 7 7 0 14" style="fill: none;"/>
</g>
</svg>
Das Problem hier war, dass ich einen benutzerdefinierten Pinselstrich erstellt hatte, von dem ich annehme, dass er mit SVG-Exporten nicht gut funktioniert. Dies wurde behoben, indem ein runder Grundstrich verwendet und die Strichbreite manuell eingestellt wurde.
Aotik