Comments on: SVG Primer for Flex

By: justin

justin — Tue, 13 Sep 2011 02:17:38 +0000

@Daniel: Short answer: no.

Long answer: the Degrafa framework has its own “rendering pipeline” that does all the work. It’s easy to imagine a custom renderer that takes path data and breaks it apart and renders each segment/pixel with whatever style you want. But I’m not sure such a thing is practical.

By: Daniel McQuillen

Daniel McQuillen — Mon, 12 Sep 2011 20:44:22 +0000

Justin, have you seen any techniques for styling an MXML s:Path in a way similar to how lines drawn with Graphics can be styled with lineShaderStyle?

e.g. if you have a long string of FXG path data and you assign it to path.data, but then you want to give it a kind of brush treatment?

By: justin

justin — Thu, 30 Dec 2010 02:58:22 +0000

@robbie: There is no direct translator that I know of that turns SVG into FXG. I’d just use Illustrator to load and the re-save as FXG.

By: robbie

robbie — Wed, 29 Dec 2010 23:54:11 +0000

Justin, nice post, is there a way to read in a SVG file and to modify the attributes of a particular SVG element in flex (ie visibility)? Most images aren’t drawn in MXML, but it would be awesome if they were accessible via MXML/Actionscript.

By: Joe

Joe — Thu, 03 Jun 2010 20:01:39 +0000

for some reason the SVG didn’t make it in the last post. A is the id of a node. I’m assuming the SVG containing A would be converted in FXG somehow, and hopefully the DOM is accessible to add mouse events.

By: Joe

Joe — Thu, 03 Jun 2010 19:59:59 +0000

Is there a translator from SVG to FXG? For instance if I have two nodes and an edge:

is it as simple as

fxgImage.A.addEventListener(MouseEvent.CLICK, nodeClicked);

if so, is this documented anywhere?

By: justin

justin — Thu, 03 Jun 2010 14:53:01 +0000

@Joe: The FXG components (Path, Ellipse, etc.) do not have direct support for events, but you can easily wrap them with components that do.

By: Joe

Joe — Thu, 03 Jun 2010 05:59:28 +0000

Great example – does Flex 4 support mouse events on individual elements of the SVG DOM?

By: justin

justin — Fri, 05 Mar 2010 19:02:25 +0000

@Yarin:

Thanks for the kind words. Please feel free to use my examples on your blog.

By: Yarin

Yarin — Fri, 05 Mar 2010 15:25:43 +0000

Justin, Always enjoy your posts, keep it up.

I’ve posted a path data testing utility in case anyone’s interested:
http://flextip.blogspot.com/2010/03/spark-path-utility.html

Do you mind if I use some of your examples as samples?