Question

我是SVG.js和javascript的新手，我在这里查看文档http://documentup.com/wout/svg.js#usage/svg-document并遇到了一些问题。

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>

在body标签内。但这并不起作用。调用SVG（）时;我收到错误

Uncaught RangeError: Maximum call stack size exceeded (15:22:47:898 | error, javascript)
at SVG (:18:13)
at SVG (:20:12)
at SVG (:20:12)
at SVG (:20:12)
at SVG (:20:12)
at SVG (:20:12)

如上所述，还有其他方法可以实现，但似乎最简单的方法是调用函数，但我不确定我是否正确地执行此操作。

我有一个Java背景，刚刚开始使用JMonkeyEngine开展一个项目，所以我对编程并不陌生，但对于我需要做些什么感到困惑，因为文档非常模糊，似乎建议您需要了解他们在何处放置代码的术语。

我还发现了一些像snap.svg，d3和raphael

这样的库

http://d3js.org/

raphaeljs.com/ snapsvg.io /

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

有什么建议吗？

谢谢大家！

Answer 1

正如Nils所说，这里有一个Hello World示例：https://stackoverflow.com/tags/svg.js/info

您还可以找到大量文档和示例，以了解您必须执行的操作。

//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.js问题中创建SVG文档？

1 个答案: