Question

在jQuery中，你可以通过提供一个字符串来简单地创建一个元素，如下所示：

var newElement = $('<div></div>');

如何在Snap SVG中执行相同的操作？我有一个像

这样的字符串

<rect x="100" y="100" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1825.4047 1024.3746)" fill="#7EC242" width="230.02" height="56.723" stroke="#64bc46"/>

我需要一个可以追加已经存在的Snap文档的元素。我试过片段，但是他们没有完成我之后操作元素所需的所有功能。

Answer 1

我相信你可以使用parse（我删除了转换，因此代码可以在小的SO片段窗口中工作）：

＆＃13;

var s = Snap("#svg");
var string = '<rect x="100" y="100" fill="#7EC242" width="230.02" height="56.723" stroke="#64bc46"/>'
var rect = Snap.parse(string);
s.append(rect);

＆＃13;

<script src="http://cdn.jsdelivr.net/snap.svg/0.1.0/snap.svg-min.js"></script>
<svg id="svg" width="400" height="200">
</svg>

＆＃13;

Snap SVG：String to Element

1 个答案: