# Question About Parsing SVG using itechnica PathToArray and animation package **URL:** \ **Category:** flash\ **Created:** [September 4, 2012, 10:21pm UTC](https://forum.kirupa.com/t/question-about-parsing-svg-using-itechnica-pathtoarray-and-animation-package/329486 "2012-09-04T22:21:58Z")\ **Posts on this page:** 1\ **Page:** 1

**Author:** ![bnair](https://avatars.discourse-cdn.com/v4/letter/b/e95f7d/32.png) [@bnair](https://forum.kirupa.com/u/bnair)\ **Post date:** [September 4, 2012, 10:21pm UTC](https://forum.kirupa.com/t/question-about-parsing-svg-using-itechnica-pathtoarray-and-animation-package/329486/1 "2012-09-04T22:21:58Z")

[COLOR=#000000][FONT=Tahoma]Folks, I set up the PathToArray class and the animation Package to parse svg images as per information found on this site -\> [http://flash-creations.com/notes/sample\_svgtoflash.php[/FONT][/COLOR]](http://flash-creations.com/notes/sample_svgtoflash.php%5B/FONT%5D%5B/COLOR%5D) [COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]The svg I am using is slightly different in format that the coloredtoucan sample. In order to get my SVG to work I made the following changes[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]1. I changed the line in xmlLoaded method in PathToArray class to extract the path nodes for my specific svg like this:[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]paths = XPath.selectNodes(x.firstChild.firstChild.firstChild.nextSibling.firstChild, “//\*[@d]”);[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]2. Using xmlspy I manually removed any characters in the path tag. I am attaching my svg image file.[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]Here is the problem[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]1. When I open the SVG using the browser (chrome) the image is as per the attached Frombrowser.png and thats the result I am working towards.[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]2. But when I run it in flash, the image is as per inFlash.png. [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]It seems to me that flash is drawing out the green filled round shape first and then overlays the black fill on top and so it ends up being black circle instead of a green circle with black border. If I manually edit the svg and reverse the[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]path nodes, I see the green circle. Its funny that the browser draws it one way and flash parser draws it out differently. It seems to me that flash is doing what its supposed to do because its drawing it out one path node at a time in the order[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]it appears in the xml. But I dont understand why we have a descrepancy. I am new to flash and while I can see that the overall parsing of the svg is working, its possible there is a bug. Any ideas or pointers will make me eternally grateful.[/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma] [/FONT][/COLOR] [COLOR=#000000][FONT=Tahoma]Thanks, ## I am unable to attach my svg and so pasting it here. \ \