如何按组解析SVG源文件

Question

我正在为我的游戏创建关卡，并使用Inkscape和SVG作为源文件格式。我可以逐个解析对象，但不能在组中解析，假设我只想解析组＆＃34; objects_2＆＃34;怎么做？

  <g id="objects_1">
    <object y="100" x="65" height="40" width="40" />
    <object width="40" height="40" x="212" y="200" />
    <object y="105" x="355" height="40" width="40" />
  </g>

  <g id="objects_2">
    <object y="150" x="100" height="40" width="40" />
  </g>

Answer 1

要导航DOM结构，有两种快速方法：

1. jQuery var svgObject = jQuery('#objects_1')和svgObject[0]返回第一个对象

2. javascript var svgObject = document.getElementById('objects_1')和svgObject.children[0]是第一个子对象

如果您已经熟悉jQuery，请坚持使用它，因为在本机JS和jQuery之间切换可能会让人感到困惑，尤其是在语法相似时。