Way to go! Looks great. At one point browsers couldn't do graphics at all. One thing I want to note is that the rendering in the browsers is getting better than that of Flash. I've attached a screen shot.
In the graphic (if it came through) Flash is on the left and HTML (Firefox Mac) on the right. In issue 1 the box is blurry. This may be a subpixel rendering issue but if you compare both in a big picture way the Flash version is slightly more blurry all around. This might be caused by the level of anti-alias the FP is using. In issue 2 the curve of the ellipsis has less fidelity than the HTML5 version. You can see this when you look at them side by side. You may not be able to tell but I've seen other examples and it is more noticeable. In fact, at one point, Tinic Uro, one of the FP engineers said they can do higher quality graphics if we do not care about performance (or we need quality over speed). He wrote about it here, http://blog.kaourantin.net/?p=152 <--read this. This is for the drawWithQuality() method that was added at the time of the post but this does not give us the option to upgrade the rendering of the stage. The drawWithQuality method uses the parameters here, http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/StageQuality.html. These include, BEST, HIGH, HIGH_16X16, HIGH_16X16_LINEAR, HIGH_8X8, HIGH_8X8_LINEAR, LOW, and MEDIUM. In the desktop profile of Adobe AIR, quality can be set to StageQuality.BEST or StageQuality.HIGH (and the default value is StageQuality.HIGH). Attempting to set it to another value has no effect (and the property remains unchanged). I'd say we need to be able to set the stage quality to higher values if we can especially if the browsers are starting to provide higher quality rendering than Flash. Sorry to hijack this thread, this response is really a rally or FYI to be able to inform or convince the FP team that now is the time to enable higher rendering quality on the stage. On Mon, Sep 8, 2014 at 2:48 AM, OmPrakash Muppirala <bigosma...@gmail.com> wrote: > 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 >
