AFLAX.Canvas
This is a sneak preview of the new AFLAX.Canvas project. AFLAX.Canvas is a cross-browser, cross-platform "canvas" tag that degrades. That is, if running on FireFox or Safari it will use the integrated Canvas tag support. If Flash 8 is available it will use it. If nothing is available, it will render the graphics using DIVs!You simply define a DIV:
<div id="canvas1" style="width:320px; height: 200px"></div>Then create an AFLAX.Canvas object. You can then use AFLAX.Canvas API calls, including sending in path data to render graphics. More samples and full source to download is coming soon. Links to the referenced projects is also coming soon.
new AFLAX.Canvas("canvas1", onReady, AFLAX.Canvas.RENDERER_FLASH);
new AFLAX.Canvas("canvas2", onReady, AFLAX.Canvas.RENDERER_CANVAS);
new AFLAX.Canvas("canvas3", onReady, AFLAX.Canvas.RENDERER_DIV);
new AFLAX.Canvas("canvas4", onReady, AFLAX.Canvas.RENDERER_BEST);
|
Flash 8: |
Canvas Tag: |
|
HTML: |
"Best Avail": |