Mailing-List: contact dev-help@flex.apache.org; run by ezmlm
Precedence: bulk
Reply-To: dev@flex.apache.org
Received-SPF: pass (nike.apache.org: domain of omuppi1@gmail.com designates
 74.125.82.169 as permitted sender)
MIME-Version: 1.0
Sender: omuppi1@gmail.com
From: OmPrakash Muppirala <bigosmallm@gmail.com>
Date: Mon, 8 Sep 2014 00:48:15 -0700
Message-ID: 
 <CACK5iZdAOrnqRvjpGOjHXfZhSfEGo93-MW+LD8viTKxGi_hLmA@mail.gmail.com>
Subject: [FlexJS] Drawing API
To: "dev@flex.apache.org" <dev@flex.apache.org>
Content-Type: multipart/alternative; boundary=047d7bfd05246ba5e40502890c36

--047d7bfd05246ba5e40502890c36
Content-Type: text/plain; charset=UTF-8

FlexJS now supports a basic drawing API (Rect, Ellipse, Circle, Path,
SolidColor, SolidColorStroke)  Here are the AS3 [1] and JS [2] versions

So far, the rendering fidelity between the Flash and SVG/HTML5 version is
very very close.  For sure, there are some pretty major things to be worked
out, but generally so far, the results have been very encouraging.

You can see a quick and dirty example here:
Flash version: http://people.apache.org/~bigosmallm/flexjs/drawing/flash/
HTML5 version: http://people.apache.org/~bigosmallm/flexjs/drawing/html5/

HTML5 version has been tested to work fine on Chrome, Firefox, IE11,
Android browser and iPad Safari.

Next up, i will be working on the following items:
Polygons, Linear gradients, Radial gradients, filters and drop shadows.
These should bring us very close to our current FXG based drawing APIs.

After that, I plan on programmatically recreating a few FXG based skins in
FlexJS and see how we can apply it skins on UI components.

Feedback welcome!

[1]
https://github.com/apache/flex-asjs/tree/develop/frameworks/as/projects/FlexJSUI/src/org/apache/flex/core/graphics
[2]
https://github.com/apache/flex-asjs/tree/develop/frameworks/js/FlexJS/src/org/apache/flex/core/graphics

--047d7bfd05246ba5e40502890c36--