0

我不确定这是否是巧合，但似乎如果我从 Illustrator 导出 svg 文件，或者甚至尝试使用我在网络上找到的从 Illustrator 导出的 svg 文件，它们似乎不会呈现。

我正在使用下面的代码，也许对 svg 和 HTML 有深入了解的人可以告诉我我的 svg 文件可能有什么问题？

<!DOCTYPE html>
<html lang="en">
  <style>
    html {
      background-image: url(https://dl.dropboxusercontent.com/u/7146901/svgbkgnd%5B1%5D.svg);
      background-size: contain;
      height: 100%;
    }
  </style>
  <head>......</head>
</html>

我已经尝试了上面的代码并将链接替换为不同的 svg 文件并且它可以工作，所以我的猜测是我的 svg 文件有问题吗？

4

1 回答 1

1

它按预期工作。请参阅http://jsfiddle.net/PA8zn/show这里我在 HTML 元素中包含了 SVG：

html {
    background: url(https://dl.dropboxusercontent.com/u/7146901/svgbkgnd%5B1%5D.svg) no-repeat;

}

SVG 是一个非常重的文件，因此需要很长时间才能显示出来。您可以尝试清理它以提高性能。手动或使用像 Scour 这样的工具：http: //codedread.com/scour/

于 2013-05-13T19:54:56.193 回答