2016-09-16 2 views
-1

Я хочу экспортировать путь из иллюстратора в svg, чтобы отобразить его в браузере и изменить его. Это простая волна, путь не близок. Но когда я это делаю, у меня нет тега пути, кроме тега стиля.Я не могу экспортировать путь в иллюстраторе

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

Это то, что я, как правило, и именно поэтому я не понимаю, почему это не работает на этом пути

I следующие параметры экспорта: 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

Вы будете иметь путь идентификатор вместо стиля.

Или просто не делайте экспорта, просто скопируйте и вставьте выбранные слои прямо в ваш html-файл.

Смежные вопросы