Loading user information from Channel 9

Something went wrong getting user information from Channel 9

Latest Achievement:

Loading user information from MSDN

Something went wrong getting user information from MSDN

Visual Studio Achievements

Latest Achievement:

Loading Visual Studio Achievements

Something went wrong getting the Visual Studio Achievements

Mike Swanson: Adobe Illustrator to HTML5 Canvas - Under the Hood

54 minutes, 20 seconds


Right click “Save as…”

The Ai->Canvas plug-in enables Adobe® Illustrator® to export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser. The plug-in provides drawing, animation and coding options such as events so that you can build interactive, well-designed canvas-based web apps. 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. Learn how to subscribe to built-in events, determine if a shape has been clicked, and debug the exported code

Here, Ai->Canvas creator, Mike Swanson, spends some quality time with me digging into the details inside and behind this very useful tool. We cover many areas including, but not limited to, the plug-in's architecture, performance characteristics, design decisions, native code to JavaScript conversion tactics and implementation, etc. Mike spends most of his time where a Going Deep guest must: at the whiteboard. He also demos his latest conversion technology and I must say, it is really impressive. Mike is a great engineer.

You can jump right into the rabbit hole with us here.

Tune in.

Enjoy. Learn.



Follow the discussion

  • Oops, something didn't work.

    Getting subscription
    Subscribe to this conversation

Remove this comment

Remove this thread


Comments closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.