在SVG.js问题中创建SVG文档？

一般来说，我对SVG.js和javascript都是新手，我在这里查看文档时遇到了一些问题

Usage

Create a SVG document

Use the SVG() function to create a SVG document within a given html element:
var draw = SVG('drawing').size(300, 300)
var rect = draw.rect(100, 100).attr({ fill: '#f06' })

因此，我假设他们希望我们调用一个函数，所以我从Three.js中的一些混乱中得到的信息是我需要做的

<script>
function SVG()
{
          //Use the SVG() function to create a SVG document within a given html             

        var draw = SVG('drawing').size(300, 300)
        var rect = draw.rect(100, 100).attr({ fill: '#f06' })
}
</script>

如前所述，我还有其他方法可以做到这一点，但似乎最简单的方法是调用函数，但我也不确定我是否正确地做到了这一点

我有Java方面的背景，刚从一个项目JMonkeyEngine中毕业，所以我对编程并不陌生，但对我需要做什么感到困惑，因为文档非常模糊，似乎建议您需要理解他们关于代码放置位置的术语

我还发现了其他一些库，如snap.svg、d3和raphael

raphaeljs.com/ snapsvg.io/

我真的只是尝试创建一组带有边框的图片/彩色框（基本上是一个带有图像的框，可以互换，然后可以关闭并显示为颜色），它可以响应鼠标，甚至在桌面和移动浏览器上单击和拖动。基本上不多，但看起来这些都有相似的特性，只是编码感觉不同

有什么建议吗

---

谢谢大家

正如Nils所说，这里有一个Hello World的例子：

您还可以找到大量的文档和示例来了解您需要做什么

//Use the SVG() function to create a SVG document within a given html
var canvas = SVG(idOfElement)
// now an svg was created in the element with the id

// draw a rectangle
canvas.rect(100,100)

---

您有一个名为

SVG

的函数，在该函数中调用该函数。。。（永远），所以你得到了超过堆栈大小的错误。是的，明白了，我试着从函数中删除它，并将其保留在外部，然后调用它，但什么都没有，我应该在函数中放一些东西，还是他们在谈论SVG（“绘图”）？我也认为我会切换到d3，我非常喜欢那个库，并且认为它会运行得最好。。。那或是快照…贴一把小提琴会很有帮助。我们需要看到你实际上在做什么，而不是你在上面发布的摘要。你记得要包括SVG.js吗？有一个完整的hello world，在你的html中有

id=“drawing”

的元素吗？

//Use the SVG() function to create a SVG document within a given html
var canvas = SVG(idOfElement)
// now an svg was created in the element with the id

// draw a rectangle
canvas.rect(100,100)