On Fri, Mar 22, 2013 at 6:48 AM, Alex Harui <aha...@adobe.com> wrote:
> > > > On 3/22/13 12:36 AM, "Erik de Bruin" <e...@ixsoftware.nl> wrote: > > > I think both the FlexJS as well as VanillaSDK frameworks can benefit > > from this. So it should be available to both. I don't know much about > > XSLT, but if it 'converts one into another', I think it should > > ultimately go with that other thing that 'converts one into another', > > FalconJx. > > > > But for now, as it is a work in progress, I think it's best place is > > in ASJS, in the root, next to my 'publisher'. The publisher was also a > > proof of concept, that has since been integrated into FalconJx. > > > > Clear as mud, right? > > > I hope to get a look at FalconJX shortly, but in theory, you haven't > changed > the FXG subcompiler and I think that's where this XSLT will eventually go. > > I have checked in the first cut of the "FXG to SVG" XSLTfile here [1] Here is a very simple Flex app with three Rectangles, one with a a SolidColor fill and two with LinearGradient fills: Flex version: http://people.apache.org/~bigosmallm/fxg2svg/transform/SeeFXG.html (right click for source) Using the XSLT file, I transformed it into its equivalent SVG version: http://people.apache.org/~bigosmallm/fxg2svg/transform/SeeFXG.svg.html(right click for source) The SVG version uses <defs> and inline CSS to style the different elements. To my naked eye, they both look pretty much the same. After this experiment, I am halfway convinced that this is a viable approach to carry over Flex's Spark based skins into the HTML5/SVG world. I have identified a few problems that I will be tackling next: 1. States 2. Tackling the ILayoutElement interface usage (i.e. usage of left, right, etc. constraints) 3. Transform Other Shapes, etc. 4. Get a Spark component's skin to work in HTML5/SVG I have a few ideas that I will be trying out. If anyone wants to take a peek at the XSLT file and modify it or has any ideas they would like to see me implement, that would be great. Thanks, Om [1] https://git-wip-us.apache.org/repos/asf?p=flex-asjs.git;a=blob;f=fxg2svg/transform.xslt;h=df474c463f3fcc2701db063e691f3a4f29f217a6;hb=develop
