2016-09-16 10 views
-1

Ich möchte einen Pfad von Illustrator zu Svg exportieren, um es in einem Browser anzuzeigen und zu ändern. Es ist eine einfache Welle, der Weg ist nicht nah. Aber wenn ich es mache, habe ich kein Pfad-Tag, sondern ein Style-Tag.Ich kann keinen Pfad in Illustrator exportieren

<?xml version="1.0" encoding="utf-8"?> 
 
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 
 
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
 
\t width="153.9px" height="39.7px" viewBox="0 0 153.9 39.7" style="enable-background:new 0 0 153.9 39.7;" xml:space="preserve"> 
 
<style type="text/css"> 
 
\t .st0{fill:#FFFFFF;} 
 
\t .st1{fill:#1D1D1B;} 
 
\t .st2{fill:#FF004B;} 
 
\t .st3{fill:#CABA9F;} 
 
\t .st4{fill:#E20613;} 
 
\t .st5{fill:none;stroke:#020000;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} 
 
\t .st6{enable-background:new ;} 
 
\t .st7{clip-path:url(#XMLID_1030_);enable-background:new ;} 
 
\t .st8{fill:#006591;} 
 
\t .st9{fill:#006895;} 
 
\t .st10{fill:#006B9A;} 
 
\t .st11{fill:#006F9E;} 
 
\t .st12{fill:#0072A3;} 
 
\t .st13{fill:#00628C;} 
 
\t .st14{fill:#005F88;} 
 
\t .st15{fill:#005C83;} 
 
\t .st16{fill:#00587F;} 
 
\t .st17{fill:#00557A;} 
 
\t .st18{fill:#005276;} 
 
\t .st19{fill:#0082BA;} 
 
\t .st20{clip-path:url(#XMLID_1031_);enable-background:new ;} 
 
\t .st21{clip-path:url(#XMLID_1032_);enable-background:new ;} 
 
\t .st22{fill:#004F71;} 
 
\t .st23{clip-path:url(#XMLID_1033_);enable-background:new ;} 
 
\t .st24{clip-path:url(#XMLID_1034_);enable-background:new ;} 
 
\t .st25{clip-path:url(#XMLID_1035_);enable-background:new ;} 
 
\t .st26{clip-path:url(#XMLID_1036_);enable-background:new ;} 
 
\t .st27{clip-path:url(#XMLID_1037_);enable-background:new ;} 
 
\t .st28{fill:#FF0000;} 
 
\t .st29{fill:#662482;} 
 
\t .st30{fill:#93C01F;} 
 
\t .st31{fill:#009EE2;} 
 
\t .st32{fill:#F29100;} 
 
\t .st33{fill:#E61B72;} 
 
\t .st34{fill:#925F36;} 
 
\t .st35{fill:#E5332A;} 
 
\t .st36{fill:#E5007E;} 
 
\t .st37{fill:#35A8E0;} 
 
\t .st38{fill:#0000FF;} 
 
\t .st39{fill:none;stroke:#009EE2;stroke-width:8;stroke-miterlimit:10;} 
 
\t .st40{fill:none;stroke:#38FF70;stroke-width:8;stroke-miterlimit:10;} 
 
\t .st41{fill:none;stroke:url(#XMLID_1038_);stroke-width:8;stroke-miterlimit:10;} 
 
\t .st42{fill:none;stroke:url(#XMLID_1039_);stroke-width:8;stroke-miterlimit:10;} 
 
\t .st43{fill:none;stroke:url(#XMLID_1040_);stroke-width:8;stroke-miterlimit:10;} 
 
\t .st44{fill:none;stroke:#0000FF;stroke-width:8;stroke-miterlimit:10;} 
 
\t .st45{fill:none;stroke:url(#XMLID_1041_);stroke-width:8;stroke-miterlimit:10;} 
 
\t .st46{fill:none;stroke:url(#XMLID_1042_);stroke-width:8;stroke-miterlimit:10;} 
 
\t .st47{fill:none;stroke:url(#XMLID_1043_);stroke-width:8;stroke-miterlimit:10;} 
 
\t .st48{fill:none;stroke:url(#XMLID_1044_);stroke-width:8;stroke-miterlimit:10;} 
 
\t .st49{fill:url(#XMLID_1045_);} 
 
\t .st50{fill:none;stroke:#3100FF;stroke-miterlimit:10;} 
 
</style> 
 
</svg>

Was ich will, ist so etwas wie das:

<path d="M 100,180 L 140,0 L 180,180 L 220,0 L 260,180 L 300,0 L 330,180" style="fill:none; stroke:black"/>

Dies ist, was ich in der Regel und das ist, warum ich verstehe nicht, warum es funktioniert nicht auf diesem Pfad

ich gehen Sie wie folgt Exporteinstellungen: http://creativedroplets.com/export-svg-for-the-web-with-illustrator-cc/

Dank

+0

Nicht wirklich möglich, um Ihnen mit den bereitgestellten Informationen zu helfen, würde ich vorschlagen, den Pfad in einem neuen Illustrator-Dokument neu zu erstellen (nicht kopieren und einfügen) und versuchen, erneut zu exportieren. – Duopixel

+0

Ich habe es in einem neuen Dokument neu geschrieben und jetzt funktioniert es. Ich verstehe nicht, was das Problem war, aber danke – neiya

+0

Sehen Sie dieses Video: https://www.youtube.com/watch?v=XBdbgD2BaEI, Kann hilfreich sein! –

Antwort

1

Wenn das Problem erneut auftritt, ist es durch Export speichern. Nicht speichern als.

Mit diesen Optionen -

svg export options

Sie erhalten eine Pfad-ID statt Stil haben.

Oder einfach nicht exportieren, einfach kopieren und einfügen ausgewählten Ebenen direkt in Ihre HTML-Datei.

Verwandte Themen