Question

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

根据caniuse.com，Safari 5及更低版本不支持内联SVG，但支持SVG。我在一些D3.js可视化（它们渲染SVG）上测试了这一点，Safari 5正确地显示了它。

我的第一个猜测是D3生成内联SVG，但情况似乎并非如此。所以我很想听听两者之间差异的解释。

Answer 1

内联SVG 表示直接在html文档中使用<svg>（和子）标记：

<!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文件的功能。

什么算作inline-svg

1 个答案: