2016-09-16 107 views
-1

我想從illustrator導出到svg的路徑,以在瀏覽器上顯示並修改它。這是一個簡單的浪潮,路徑不近。但是當我這樣做時,我沒有一個路徑標記,而是一個樣式標記。我無法在illustrator中導出路徑

<?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>

我想是這樣的事情:

<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"/>

這是我通常有,這就是爲什麼我不明白爲什麼它不在那條路上工作

我請按照下列導出設置:http://creativedroplets.com/export-svg-for-the-web-with-illustrator-cc/

感謝

+0

不是真的有可能來幫助你提供的信息,我建議重新建立一個新的Illustrator文檔中的路徑(不是複製和粘貼),並嘗試再次出口。 – Duopixel

+0

我將它重新編入一個新文檔,現在它可以工作。我不明白是什麼問題,但謝謝 – neiya

+0

看到這個視頻:https://www.youtube.com/watch?v=XBdbgD2BaEI,可能會有所幫助! –

回答

1

當問題再次出現,保存它通過出口。不保存爲。

通過這些選項 -

svg export options

你將有一個路徑ID,而不是風格

或者只是不做任何出口,只是複製並粘貼選定的圖層到您的html文件中。