浏览器和 Illustrator 在 svg 渲染上的区别

Question

我有一个 svg，它是从 Sketchup 模型创建的（使用 Layout 将其制作为 pdf，然后使用 Illustrator 将线条图转换为 svg）。它应该看起来像this。

不过，这个 svg 非常大，因为它有很多重复的路径。所以在 Illustrator 中，我勾勒出路径并将它们组合成一个形状。这使得 svg 几乎缩小了四倍。但是，在浏览器中，它现在看起来像 this。有些线条（不再是真正的线条）看起来像是消失了。 （在 Illustrator 中看起来是一样的。）

有人知道为什么吗？

Answer 1

假设的样子，我们有 5 个楼层，其中 2 个边箱被冻结，结果没有一个被冻结，悬停时出现裂痕，我的意思是整个楼层都没有突出显示。

我认为您应该研究这些层的分组。正如您所说，您将 Sketchup 文件导出为 PDF。通常 PDF 文件在导出时会重新组合对象。我建议您查看导出选项，如果这不可能，那么我认为您需要检查该 PDF 的 Sketchup 和 illustrator 中的图层结构和分组保持原样。