前端动态创建svg不起效果？
document.createElement('path');
诸如此类的创建一般都是不太行的
我在创建这个之后，虽然在网页上是有相应的结构，但是完全不显示
一般正确的创建方式为
document.createElementNS('http://www.w3.org/2000/svg','path');
在使用document.createElementNS(“http://www.w3.org/2000/svg”,‘path’)创建 SVG 元素时，这个命名空间"http://www.w3.org/2000/svg"通常是必须的。
原因如下：
SVG 是一种基于 XML 的语言，并且在文档对象模型（DOM）中，不同的 XML 命名空间用于区分不同类型的元素。SVG 元素属于特定的命名空间，为了正确地创建和操作 SVG 元素，需要使用正确的命名空间来标识它们。
如果不使用命名空间创建 SVG 元素，可能会导致以下问题：
- 浏览器可能无法正确识别和渲染元素：浏览器依赖正确的命名空间来确定元素的类型和行为。如果没有指定命名空间，浏览器可能无法将创建的元素识别为 SVG 元素，从而无法正确地渲染它。
- 与其他 XML 命名空间的冲突：如果不使用命名空间，可能会与其他可能存在于文档中的 XML 命名空间发生冲突。这可能导致意外的行为或错误的渲染。
总之，为了确保在 JavaScript 中正确地创建和操作 SVG 元素，使用正确的命名空间是一个良好的实践。这样可以确保浏览器能够正确地识别和处理 SVG 元素，从而实现预期的图形绘制和交互效果。
原文地址：https://blog.csdn.net/qq_73917015/article/details/142671209
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！