Adobe Illustrator Canvas Plugin

Today Mike Swanson and the team at MIX Online have released a new free plugin for Adobe Illustrator called Ai->Canvas which allows you to export artwork and animation from Illustrator in to the HTML5 canvas element and JavaScript which can then be used in your own applications.

Almost any Illustrator artwork can be exported. If canvas lacks support for a specific feature, the plugin will automatically rasterize the artwork to a bitmap and properly positions the image on the canvas. There’s also support for rotation, scaling, fading, and movement along a path; and you can add triggers that start one animation when another animation completes.

Ai Canvas

Ai -> Canvas

About four months ago, Thomas and I were chatting at lunch, and he was evangelizing to me about the new canvas element in HTML5. As we talked, it became clear that canvas was an element that could benefit from some tooling. So after lunch, I did a search, and most of the tutorials and information I found used very simplistic smiley faces or basic shapes to demonstrate the canvas features. The light bulb went off, and I wondered if a version of my XAML plug-in could be re-tooled to work with canvas.

The plug in works on Windows Vista; Windows 7 and OS X.

Info

Posted on:
October 13th, 2010
Posted by:
Andi Smith
Views:
6447

Comments

rain

hello

Posted on August 4, 2011

Ivan Minutillo

It’s awesome !!!!

Posted on September 29, 2011

Add comment

(required)
(required)
(will not be published)
(required)