Convert SVG map path elements to XY coordinates

Question

I am working with SVG maps to plot some data. I need to obtain the XY coordinates of the map border which is described as SVG path elements. Here is a path element I am working with ``` <path id="path9" fill="#FEFEE9" d="M920.059,219.437c0.127,1.93,0.201,3.877-0.029,5.803c-0.178,1.481-1.184,5.296-0.36,6.535 c1.039,1.563,4.821,3.389,6.673,3.596c1.609,0.18,5.432-0.127,6.617,0.441c0.4,0.874-0.001,1.517-0.168,2.396 c-0.069,0.37,0.633,3.127,0.752,3.716c1.961,1.148,3.784,2.506,5.716,3.698c1.087,0.67,2.413,1.076,3.386,1.913 c0.365,0.314,0.62,0.738,0.922,1.109c-0.016,1.154,0.506,3.383,1.086,4.377c0.135,0.232,0.789,1.036,1.063,1.116 c2.15,0.636,3.828-0.681,5.791-1.207c0.861-0.231,1.766-0.3,2.611-0.604c0.881-0.316,3.353-2.991,3.869-3.849 c2.478-1.148,3.059-0.635,5.38-2.728c1.101-0.992,4.065-4.614,5.544-4.467c0.447,0.044,0.893,0.115,1.336,0.174 c2.113,0.279,2.188,0.777,3.697,2.003c0.047,0.038,1.65,0.608,1.873,0.69c0.804-0.67,1.566-1.387,2.301-2.132l0.605-5.29 c0.268-2.339,0.69-6.967,3.691-7.332c…

Accepted Answer

You can use PShape's getVertexCount() and getVertex() methods:

```
for(int i = 0 ; i < yourPShape.getVertexCount(); i++) println("vertex["+i+"]:"+yourPShape.getVertex(i));
```

I encountered an error when using `getVertex()`:

```
java.lang.ArrayIndexOutOfBoundsException: 2
```

so getVertex() might still be a bit buggy. Luckily getVertexX(),getVertexY() still work:

```
void setup(){
  PShape map = loadShape("Afghanistan_location_map.svg");
  size((int)map.width,(int)map.height);
  //fetch the border shape - peaked at the path name using Illustrator
  PShape border = map.getChild("path157");
  //manually traverse the path
  beginShape();
  for(int i = 0 ; i < border.getVertexCount(); i++){
    vertex(border.getVertexX(i),border.getVertexY(i));
  }
  endShape();
}
```

Note that you can have lines(l) and curves(c) so it's worth not just looking at the regular PShape reference but also the JavaDocs for functionalities you might need. Depending on how complex your svg is you need check the vertex code( `VERTEX, BEZIER_VERTEX, CURVE_VERTEX, or BREAK`).

Convert SVG map path elements to XY coordinates

Solution

Problem