我正在尝试学习如何使用 HTML5 svg 标签。当我在 Chrome 和 Firefox 中打开它时
<!DOCTYPE html>
<html>
<head></head>
<body>
<svg width="200" height="200">
<text>Hello World</text>
</svg>
</body>
</html>
什么都不显示。单击“检查元素”后，我看到文本元素在 svg 元素之外有一个默认位置。如何更改 svg 元素，使其所有后代元素都从其各自父元素的点 (0,0) 开始？
最佳答案
您是否尝试过将 SVG 元素的 xmlns 属性设置为 http://www.w3.org/2000/svg？
如果您省略该属性，浏览器可能不会将内容检测为 SVG。
基本上，xmlns 属性定义元素的 XML 命名空间。
关于css - SVG 标签的子标签默认放置在父标签之外，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31504244/