gpt4 book ai didi

html - xhtml文档中如何使用svg命名空间

转载 作者:数据小太阳 更新时间:2023-10-29 02:21:59 27 4
gpt4 key购买 nike

谁能告诉我为什么这个文档在 Chrome 上不画圆圈?

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
<head></head>
<body>
<svg:svg width="100" height="100">
<svg:circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg:svg>
</body>
</html>

最佳答案

HTML5 之前的 HTML 不支持 <svg>元素。与所有 HTML 一样,HTML5 不支持命名空间,因此它不理解命名空间前缀。对于 HTML 解析器,元素
<svg:svg xmlns:svg="http://www.w3.org/2000/svg">
具有与
不同的元素名称 <svg xmlns="http://www.w3.org/2000/svg">
这就是为什么 HTML(5) 只支持文字 svg 的原因内联 svg 代码的元素名称。

您的解决方案是将页面作为 XHTML 提供,以便将其作为 XML 进行处理,从而识别命名空间,或者您需要在 <svg> 上添加默认命名空间声明。 svg 命名空间的元素(如我上面的后一个示例),然后您可以删除 svg 命名空间前缀,同时仍继续使用 svg 命名空间。

关于html - xhtml文档中如何使用svg命名空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22806022/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com