将svg内容放在元素中

Question

我使用以下语法创建svg元素：

var s = Snap(stage_width,stage_height);

这会将svg放在正文中，但如果我需要在我选择的容器中使用svg元素，该怎么办呢？有没有办法指定哪个元素？

Answer 1

您可以在html中创建自己的svg元素，并让Snap将其用作容器。

<svg id="put_it_here"></svg>
...
var s = Snap("#put_it_here");

Answer 2

你可以：

    var s = Snap("#g8");

    g8.attr({

    "id": "g8"

    })

您可以创建组并命名它们，并将任何元素添加到组中。如果你需要没有svg容器的元素/组标记，你可以使用：

console.log( element.toString()); // to have the markup for an element or group

如果您需要svg容器（快照纸）标记，请使用：

console.log( s.toString());// to have the markup for an svg 

因此，您可以以编程方式为容器命名，这将添加到您的svg / group / element标记中。

编辑：如果您的svg文件是外部的并且想要将它们加载到您选择的元素中，您可以使用snap.ajax。