Question

我不确定这是不是巧合，但似乎如果我从Illustrator导出svg文件，或者甚至尝试使用我在Web上找到的从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文件出了问题？

Answer 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/

Illustrator导出的.svg文件不会以HTML格式呈现

1 个答案: