Custom Graphics for your Web Application: The HTML5 Canvas and Kinetic.js

A session at Stir Trek: Darkness Edition

Friday 17th May, 2013

1:00pm to 2:00pm (EST)

HTML5 includes a Canvas element that allows for dynamic, scriptable rendering of 2D shapes and bitmap images. Using this, web developers can draw images directly in their web pages with JavaScript, enabling applications such as games, mapping, and data visualization to offload the rendering to the client. One problem with the Canvas, though, is that the rendered image is just that: an image. The user is unable to interact with any of the shapes that are drawn to the Canvas. However, an open source library called Kinetic bridges that gap, allowing shapes or images to be drawn using the existing Canvas API, event listeners attached to them, and manipulated individually using mouse or touch (i.e., move, scale, and rotate). This session will introduce how to use the Canvas API and Kinetic.js in a desktop or mobile web application.

About the speaker

This person is speaking at this event.
Jason Follas

.NET and WoW... Is there anything else in life? Oh yeah: there's running, too! bio from Twitter

Jason Follas is an Architect for Perficient, helping clients located in the greater Detroit region (including Toledo, where he lives and leads the Northwest Ohio .NET User Group). For nearly two decades now, he has created interesting solutions using Microsoft technologies, including an aircraft load planning system used by an air freight company, geospatial web applications, and material blend optimization software.

Next session in Theater 11 - Javascript Track

2:15pm JavaScript: Pretty cool guy and doesn't afraid of anything by ‘fort

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 1:00pm2:00pm EST

Date Fri 17th May 2013


Theater 11 - Javascript Track, Marcus Crosswoods Theater

Short URL


Official event site


View the schedule


See something wrong?

Report an issue with this session