Windows Phone 8.1（PhoneGap）中未顯示某些SVG

Question

首先，我了解啟動XML標簽的問題， 而不是我的問題。

我有許多多層.ai文件（Adobe Illustrator CC 2015 19v），每一層都是副本的上一層+一些更改。 （ 與此類似 ）

• 如果保存頂層，則可以在所有設備上完美顯示。 （台式機，Android，WP8.1）

• 如果保存較低的圖層，則不會在WP 8.1中顯示。

我嘗試保存其他選項，但沒有任何改變。 每個.ai文件都會發生這種情況。

然后，我決定探索svg文件的文本表示形式。 如果我從最頂層的頂層復制樣式，則一切正常。 它們被顯示。

啟動SVG文件TOP LAYER（7/7） -（ 顯示 ）

<svg id="lesson_2_7" data-name="lesson 2 7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 686 526"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#a2a2a2;}.cls-3{fill:#6c6c6c;}.cls-4{fill:#a9aeb7;}.cls-5{fill:#6f6f6f;}.cls-6{mask:url(#mask);}.cls-7{fill:#adadad;}.cls-8{mask:url(#mask-2);}.cls-9{fill:#46cc00;}.cls-10{fill:#fff7f7;}.cls-11{filter:url(#luminosity-noclip-2);}.cls-12{filter:url(#luminosity-noclip);}</style>

啟動SVG文件NONTOP LAYER（5/7） -（ 不顯示 ）

<svg id="lesson_2_5" data-name="lesson 2 5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 686 526"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#fff7f7;}</style>

從TOP（5/7） -（ 顯示 ）中的樣式開始SVG文件NONTOP LAYER

<svg id="lesson_2_5" data-name="lesson 2 5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 686 526"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#a2a2a2;}.cls-3{fill:#6c6c6c;}.cls-4{fill:#a9aeb7;}.cls-5{fill:#6f6f6f;}.cls-6{mask:url(#mask);}.cls-7{fill:#adadad;}.cls-8{mask:url(#mask-2);}.cls-9{fill:#46cc00;}.cls-10{fill:#fff7f7;}.cls-11{filter:url(#luminosity-noclip-2);}.cls-12{filter:url(#luminosity-noclip);}</style>

好像樣式不足以顯示圖像。

例如，我在此處下載了整個SVG。

有人遇到過類似的人嗎？ 我會對任何想法感到高興。 也許，是否需要配置用於導出的AI？

Answer 1

PhoneGap中的IE不會渲染<7種樣式的SVG。