Javascript 动态呈现的SVG未显示

我有以下svg对象，如果我不使用代码（静态）直接放入html页面，它会正确呈现

但如果我使用JavaScript将相同的svg内容插入html页面，它不会显示，如果我在firebug中打开它并检查svg并尝试编辑svg标记，它会显示

有什么问题吗

<svg height="100" width="100">
  <rect width="100" height="100" style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)"></rect>
</svg>

在此之后，我将使用

            boardElement = document.createElement('rect');

            boardElement.setAttribute('width', '100');

            boardElement.setAttribute('height', '100');

            boardElement.setAttribute('y', '1');

            boardElement.setAttribute('x', '1');

            boardElement.setAttribute('style', "fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)");


viewPort.appendChild(boardElement);

---

元素

boardElement

应该这样声明

---

boardElement=document.createElements（“http://www.w3.org/2000/svg“，“rect”）
您是如何创建SVG的，以及如何将其插入到文档中的？正如Sirko所说，直接向我们展示问题所在将对我们有所帮助：）也许向我们展示生成SVG的javscript部分？我编辑了代码并添加了有关如何动态添加SVG的代码。而不是在此处添加代码摘录，您可以使用或再现实际环境中的问题1:1。这也有助于我们更容易地调试它。谢谢，我肯定会从下次开始使用jsbin.com或jsfiddle.net，我的问题现在解决了。这解决了我的问题，但我不明白为什么会这样。因为这两个时间呈现的html代码是相同的（源html）。我阅读了这个问题，并解释了原因：）。快乐编码
            boardElement = document.createElement('rect');

            boardElement.setAttribute('width', '100');

            boardElement.setAttribute('height', '100');

            boardElement.setAttribute('y', '1');

            boardElement.setAttribute('x', '1');

            boardElement.setAttribute('style', "fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)");


viewPort.appendChild(boardElement);