I quickly whipped up a proof of concept proving the FXG to SVG
interoperability.

The working demo can be found here:
http://people.apache.org/~bigosmallm/fxg2svg/svg.html (Tested to be working
fine on Chrome 25, Firefox 19 and IE 10 on Windows)

I did not have time to write a stylesheet, so I hand created a simple SVG
element based on an FXG element.  I chose the most basic element: "Rect"
which is available as "rect" in SVG.  Once I had the basic set up working,
all I had to do was modify the svg's attributes using Javascript.  This
happens during runtime, but we could totally move this to the compilation
stage.

As you can see, I have proven that rendering fidelity can be achieved using
this route.  At the same time, this can be plugged into the AS to JS
translation piece that Mike, Erik, et al. are working on.  From what I see
in that project, there is no faithful rendering solution (yet)  You
probably discussed about rendering that I might have missed.

When I get some more time, I will start fiddling with more and more FXG
elements and see how SVG handles them.  At some point, writing a stylesheet
would be more efficient.

Just right click either the Flex app or the HTML content to view the source
of both.  Comments and suggestions for improvement highly appreciated.
This is a very basic demo, dealing mostly about rendering fidelity. But
IMHO, this unleashes a ton of possibilities.

(And no, FXG is not dead - yet.  ;-) )

Thanks,
Om

Reply via email to