AI -> Canvas: Export Fully Functional HTML5 Canvas From Within Adobe Illustrator
Mike Swanson, though having been aboard Microsoft for more than 11 years, has created a plugin for Adobe Ilustrator that resembles a good wine. The older it gets, the better it grows to be. More than two years ago, still employed at the Redmond company, Swanson pushed out the first version of AI -> Canvas. At that time HTML5 canvas was already of some prominence, but who would have dared to use the element in production environments? Today things look different, entirely different…
AI -> Canvas updated for CS6
What all has changed? First, Swanson is no longer working for Microsoft, but running his own startup. Microsoft still offers the plugin, but does nothing to support it, not to think of updating it. With the release of CS6 AI -> Canvas seized to function. At least that’s true for the version to be downloaded at the official Microsoft site.
Swanson took it personally and felt responsible to ensure his plugin a life after Microsoft and CS5. So he went to learn about the new requirements of CS6, which turned out to be not so complicated. Since then version 1.1 is available free of charge as a download on his private blog. The feature set has not been extended in comparison to version 1, which is still available on the Microsoft channel. The important difference is, version 1.1 runs on Windows 7 and 8, Mac OS X v10.7 (Lion) and v10.8 (Mountain Lion). It serves for both the 32- as well as the 64-bit edition of Illustrator CS6.
Installation is simple. From the single zipped download, containing all available versions, choose the appropriate and store it here, depending on your platform:
- Ai2Canvas64.aip (\Program Files\Adobe\ Adobe Illustrator CS6 (64 Bit) Plug-ins)
- Ai2Canvas32.aip (\Program Files (x86)\Adobe\Adobe Illustrator CS6\Plug-ins)
- Ai2CanvasMac.aip (/Applications/Adobe Illustrator CS6/Plug-ins)
Keep in mind, that version 1.1 will only run in CS6. All Creative Suites before, starting from CS3, will continue to work with version 1 of AI -> Canvas.
AI -> Canvas: What and How?
As I said before, AI -> Canvas is, not typically software-like, like good wine. At the time of its inception the plugin’s functionality was already astonishing, while not of a lot of everyday relevance. With the rise of HTML5 support in modern browsers, the canvas element becomes more important by the hour. Now with Swanson’s update to CS6, AI -> Canvas might earn late honors or breakthrough even.
No, there is no version for Inkscape…
- Illustrator to HTML5 Canvas Plug-In Updated for CS6 – Mike Swanson’s Blog
- AI -> Canvas V1 – Mix-Labs
- Short Video Introduction to the plugin – Mix-Labs
Dieter Petereit is Noupe's Editor-In-Chief and a veteran of the web with over 25 years of experience in the world of IT. As soon as Netscape became available he started to do what already at that time was called webdesign and has carried on ever since. Almost a decade ago he started writing for several online publications, some well, some lesser known. Dieter is a heavy G-Plusser, so why not meet him over there?