Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript创建动态SVG元素,但属性无效_Javascript_Jquery_Svg_Typescript - Fatal编程技术网

使用JavaScript创建动态SVG元素,但属性无效

使用JavaScript创建动态SVG元素,但属性无效,javascript,jquery,svg,typescript,Javascript,Jquery,Svg,Typescript,我正在尝试编写一个我已经在es5中编写的jQuery插件,现在我想重构成TypeScript 我试图创建一个元素,然后也创建一个元素,然后在中附加,最后将附加到DOM中 DOM中的一切看起来都很好,所有的元素和属性都在那里,但是由于某种原因SVG没有被渲染 如果我从DOM中复制生成的元素,并将其作为静态元素放在index.html文件中,它就会呈现良好的效果。(如图所示) TS: 您在名称空间中有一个输入错误-http://应该只在其中出现一次 let svgSquare = documen

我正在尝试编写一个我已经在es5中编写的jQuery插件,现在我想重构成TypeScript

我试图创建一个
元素,然后也创建一个
元素,然后在
中附加
,最后将
附加到DOM中

DOM中的一切看起来都很好,所有的元素和属性都在那里,但是由于某种原因SVG没有被渲染

如果我从DOM中复制生成的元素,并将其作为静态元素放在
index.html
文件中,它就会呈现良好的效果。(如图所示)

TS:


您在名称空间中有一个输入错误-http://应该只在其中出现一次

  let svgSquare = document.createElementNS('http://http://www.w3.org/2000/svg', 'svg');

您在名称空间中有一个输入错误-http://应该只在其中出现一次

  let svgSquare = document.createElementNS('http://http://www.w3.org/2000/svg', 'svg');