SVG文件在webbrowser中与在Illustrator中看起来不同

Question

我已经在Illustrator中做了一些事情，我将项目保存到我在webbrowser中打开的SVG文件时遇到了问题，它只是看起来不一样。

它只在SVG中使用，如果我将其保存为PDF或PNG，它看起来应该如何。 我做错了什么？

它在Ai中的样子

这就是它在webbrowser中的外观

在这里a link用.ai和.svg下载rar文件。

Answer 1

由于所有浏览器都以相同的方式呈现它，因此很可能这是AI SVG导出过滤器中的错误。

对我而言，您似乎正在将混合模式（＆＃34; Overlay＆＃34;或许？）应用于图像顶部的白色部分。这种影响应该可以使用SVG过滤器重现，但也许AI的出口商还不支持。

如果你正在使用＆＃34; odd＆＃34;混合模式，尝试改变它，或以另一种方式再现效果。

Answer 2

无法进行相同svg转换所需的单个像素控制。 SVG仅创建特定形状。 Ai app转换似乎使用不透明度来提供色调。您可以调整不透明度并添加一些svg过滤器来改进svg。

Answer 3

打印您的设计。 pdf文件而不是直接导出。然后在Illustrator中打开打印的.pdf并从这个中导出.svg，它就可以了。