Channel 9 - Entries tagged with Adobe Illustrator Microsoft http://mschnlnine.vo.llnwd.net/d1/Dev/App_Themes/C9/images/feedimage.png Channel 9 - Entries tagged with Adobe Illustrator http://channel9.msdn.com/Tags/adobe+illustrator Channel 9 keeps you up to date with the latest news and behind the scenes info from Microsoft that developers love to keep up with. From LINQ to SilverLight – Watch videos and hear about all the cool technologies coming and the people behind them. http://channel9.msdn.com/Tags/adobe+illustrator en Sun, 19 May 2013 00:55:01 GMT Sun, 19 May 2013 00:55:01 GMT Rev9 2 1 25 Mike Swanson: Adobe Illustrator to HTML5 Canvas - Under the Hood 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.

 

]]> http://channel9.msdn.com/Shows/Going+Deep/Mike-Swanson-Adobe-Illustrator-to-HTML5-Canvas-Under-the-Hood 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.   3260 http://channel9.msdn.com/Shows/Going+Deep/Mike-Swanson-Adobe-Illustrator-to-HTML5-Canvas-Under-the-Hood Tue, 12 Oct 2010 19:59:19 GMT http://channel9.msdn.com/Shows/Going+Deep/Mike-Swanson-Adobe-Illustrator-to-HTML5-Canvas-Under-the-Hood Charles Charles 3 http://channel9.msdn.com/Shows/Going+Deep/Mike-Swanson-Adobe-Illustrator-to-HTML5-Canvas-Under-the-Hood/RSS Adobe Illustrator Algorithms C++ Graphics HTML 5 HTML5 JavaScript Programming Vector Graphics Mike Swanson - XAML Plugin for Adobe Illustrator
Working Smarter means taking advantage of both the tools and the training that you already know. By using a plugin such as what Mike is illustrating here, it allows Adobe Illustrator users to continue to use their favorite tool while also moving into the world of XAML.

You can download the plug in from Mike's site here:
http://www.mikeswanson.com/xamlexport/
]]> http://channel9.msdn.com/Shows/The+Knowledge+Chamber/Mike-Swanson-XAML-Plugin-for-Adobe-Illustrator Both of us freshly back from MIX09, Mike Swanson stops in to show us a plug in that he wrote which allows users of Adobe Illustrator to export their designs as XAML for either WPF or Silverlight. Working Smarter means taking advantage of both the tools and the training that you already know. By using a plugin such as what Mike is illustrating here, it allows Adobe Illustrator users to continue to use their favorite tool while also moving into the world of XAML. You can download the plug in from Mike's site here: http://www.mikeswanson.com/xamlexport/ 999 http://channel9.msdn.com/Shows/The+Knowledge+Chamber/Mike-Swanson-XAML-Plugin-for-Adobe-Illustrator Fri, 27 Mar 2009 13:24:00 GMT http://channel9.msdn.com/Shows/The+Knowledge+Chamber/Mike-Swanson-XAML-Plugin-for-Adobe-Illustrator Robert Hess Robert Hess 4 http://channel9.msdn.com/Shows/The+Knowledge+Chamber/Mike-Swanson-XAML-Plugin-for-Adobe-Illustrator/RSS Adobe Illustrator Mike Swanson XAML