javascript - 如何使用 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);
    });
};

因此，虽然这在服务器上运行良好，但我想让它在本地运行。包含我的 的最佳选择是什么？情绪.svg 文件而不发出 AJAX 请求？

我知道将 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 中效果很好。