javascript - 使用 jQuery 解析 XML 文本

Question

我正在使用一个数据库，每个组都有 X 和 Y 点，它用于绘制图像的轮廓。

现在在我的网页端，我用这段代码来获取积分:

var Drawing = $(XML).find('DrawingXML');

alert($(Drawing[1]).text());

结果:

 <DrawingPoints>
   <Point><X>1</X><Y>2</Y></Point>
   <Point><X>2</X><Y>4</Y></Point>
   <Point><X>3</X><Y>5</Y></Point>
   <Point><X>2</X><Y>2</Y></Point>
   <Point><X>0</X><Y>4</Y></Point>
 </DrawingPoints>

使用 .replace() 调用只会更改一项，因此它可用于类似这样的事情:

.replace("</DrawingPoints>",""); 

但如果我想替换所有“Point”标签，我就不走运了。

我的目标是使用 Canvas 功能来绘制点，所以我希望它像这样解析:

ctx.beginPath();
ctx.moveTo(1,2);
ctx.lineTo(2,4);
ctx.lineTo(3,5);
ctx.lineTo(2,2);
ctx.lineTo(0,4);
ctx.stroke();

如果有帮助的话，我不会在 IE 浏览器上使用它，而只会在 Safari/Chrome 上使用。

Answer 1

在这种情况下，使用库而不是编写自己的代码可能会省去很多麻烦。

我认为d3做你需要的:

• d3.xml
• d3.geo.path