Javascript Snap.js-如何将属性设置为加载的svg

我在这里创建了一个简单的snapjs示例

这是我的脚本-我正在加载一个svg，我想把它画成绿色。 令人惊讶的是，svg不是彩色的，而是我画的“大圆圈”

$(document).ready(function() {
  var s = Snap("#svg");
  var bigCircle = s.circle(150, 150, 100);
  Snap.load("world.svg", function (f) {
      var world = s.append(f);
      world.attr({
        fill: "#bada55",
      });
      bigCircle.drag();
      world.drag();
  });
})

---

谢谢你的帮助

放置世界后，需要选择世界。您正试图通过以下方式执行此操作：

var world = s.append(f)

但这并没有返回构成世界的路径。它返回整个svg。我会先添加世界，然后选择它。我通过添加以下行来修复它：

world=s.select('[id="layer1"]')

---

我看到，在svg中，世界都分组在该id下。选择后，可以根据需要应用颜色/拖动。这是一个问题：

你的世界没有被着色@Daniel Shillcock：不，只是灰色，这是svg的原始颜色。和你的普朗克一样。谢谢，这很有效。我想知道为什么世界地图拖了一半的速度，但这对我的项目并不重要。