Skip to main content

Export vector graphics to HTML5 Canvas from Adobe Illustrator

Ai->Canvas is a free plug-in for Adobe Illustrator CS3, CS4, and CS5 that enables easy export of vector and bitmap artwork and even animation directly from within Adobe Illustrator to HTML/JavaScript that you can use in your own applications.

Ai->Canvas is able to export complex shapes, fill styles, line styles, gradients, transparency, native text, bitmaps, pattern fills, symbols, drop shadows, and more. All artwork is converted to JavaScript drawing commands, and the resulting code can be copied to your own application for further customization. This is amazing, because it allows even non-programmers and designers to create HTML5 ready animations without writing a single line of code!

Plenty of examples and extended documentation is available on the website. Checkout the video introduction.

Ai->Canvas works with OS X, Windows Vista, and Windows 7.

Comments

  1. Very great plugin,but I wonder is there any standalone app for exporting vector to canvas code.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.

69 alternatives to the default Facebook profile picture

If you have changed the default Facebook profile picture and uploaded your own, it’s fine. But if not, then why not replace that boring picture of the guy with a wisp of hair sticking out of his head with something different and funny?

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.