flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Harbs <harbs.li...@gmail.com>
Subject Re: FXG -> SVG progress
Date Sun, 24 Mar 2013 12:25:27 GMT
FYI:

The svg version does not render in Firefox (Mac 19.0.2).

In Safari and Chrome, the appearance is very close, but the svg version has a smoother gradient
and the blue shape is missing the black stroke.

On Mar 24, 2013, at 11:01 AM, Om wrote:

> On Fri, Mar 22, 2013 at 6:48 AM, Alex Harui <aharui@adobe.com> wrote:
> 
>> 
>> 
>> 
>> On 3/22/13 12:36 AM, "Erik de Bruin" <erik@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


Mime
View raw message