我正在尝试学习如何使用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名称空间。