SVG文件在瀏覽器中與在Illustrator中看起來不同

Question

我一直在Illustrator中做一些東西，並且我在將項目保存到在webbrowser中打開的SVG文件時出現問題，它看起來不一樣。

它僅在SVG中有效，如果我將它保存爲PDF或PNG，它看起來應該如何。 我在做什麼錯？

這是它的外觀在艾

這是它的外觀在網頁瀏覽器

這裏的a link下載RAR文件有.AI和.SVG，我有。

Answer 1

由於所有瀏覽器都以同樣的方式渲染，因此這可能是AI SVG導出過濾器中的一個錯誤。

對我來說，您看起來像是在圖像頂部的白色部分應用混合模式（「疊加」或許？）。這種效果應該可以使用SVG濾鏡重現，但也許AI的出口商不支持。

如果您使用的是「奇數」混合模式，請嘗試改變它，或以另一種方式重現效果。

Answer 2

在相同的svg轉換中所需的單獨像素控制是不可能的。 SVG只創建特定的形狀。 Ai應用程序轉換似乎使用不透明度來提供顏色陰影。你可能會歪曲不透明度並添加一些svg過濾器來改善svg。

Answer 3

在a打印您的設計。 pdf文件，而不是直接導出它。然後在Illustrator中打開印刷的.pdf文件並從這個文件中導出.svg文件，它就可以做到這一點。