Hot on the heels of the Adobe HTML5 Pack, here’s a handy new Adobe Illustrator plug-in from Microsoft’s MIX Online web developer resource site that will export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser.
The Ai->Canvas plug-in enables Adobe Illustrator to export vector and bitmap artwork directly to an HTML5 canvas element using JavaScript drawing commands. Animation can be added to control rotation, scaling, opacity, and motion along a path. Then, events can be used to trigger other animations. Finally, the exported HTML and JavaScript can be extended and used in your own applications running on the latest versions of Internet Explorer 9, Firefox 3.6, Chrome 6, Safari 5, and Opera 10.
Ai->Canvas supports rotation, scaling, fading, and movement along a path. For more advanced users, add triggers that start one animation when another animation completes.
The purpose of Ai->Canvas is to accelerate your HTML5 canvas development. The HTML and JavaScript that it exports is meant to be copied into your own application and extended.
The post Ai to Canvas HTML5 Plug-in appeared first on GoMediaZine.