0

我刚刚了解到 Modernizr 使用两个不同的类来支持 SVG：no-svg 和 no-inlinesvg。我似乎无法理解两者之间的区别。

根据 caniuse.com 的说法，Safari 5 及以下版本不支持内联 SVG，但支持 SVG。我在一些 D3.js 可视化（它们渲染 SVG）上对此进行了测试，Safari 5 正确显示了这一点。

我的第一个猜测是 D3 生成内联 SVG，但事实并非如此。所以我很想听听关于两者之间区别的解释。

4

1 回答 1

1

内联 SVG意味着<svg>直接在 html 文档中使用（和子）标签：

<!DOCTYPE html>
<html>
  <body>
    <svg width="300px" height="300px" xmlns="http://www.w3.org/2000/svg">
      <text x="10" y="50" font-size="30">My SVG</text>
    </svg>
  </body>
</html>

SVG 支持是指使用<embed>或<object>标签理解和显示 SVG 文件的能力。

于 2013-10-30T18:54:06.267 回答