如何使用Snap.svg选择现有SVG的片段

Question

我正在尝试在本地运行Snap.svg ，但是Snap.load（）函数发出了一个AJAX请求，这是本地不允许的（无论如何都在Chrome中）。 以下是我的代码：

window.onload = function () {

    var s = Snap("#headDiv");
    Snap.load("emotions.svg", function(f) {

        eyes = f.select("#eyes");
        lids = f.select("#lids");
        head = f.select("#head");

        s.append(f);
    });
};

因此，虽然这可以从服务器正常工作，但我想让它在本地运行。 在没有发出AJAX请求的情况下，包含my emotions.svg文件的最佳选择是什么？

我知道将SVG放入DIV很容易，但我无法使用当前脚本以这种方式访问​​片段。 有任何想法吗？

Answer 1

更改：

window.onload = function () {

var s = Snap("#headDiv");
Snap.load("emotions.svg", function(f) {

    eyes = f.select("#eyes");
    lids = f.select("#lids");
    head = f.select("#head");

    s.append(f);
});
};

简单地说：

window.onload = function () {

    eyes = Snap.select("#eyes");
    lids = Snap.select("#lids");
    head = Snap.select("#head");
};

然后将实际的SVG脚本放在目标DIV中工作得很好。