Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,974 courses, including more Web and personalized recommendations.Start Your Free Trial Now
- View Offline
- Installing EaselJS
- Understanding how Canvas draws and animates
- Drawing lines and strokes
- Drawing with graphic primitives
- Using the chaining and compacting commands
- Animating shapes
- Working with text
- Importing bitmaps and vector graphics
- Working with sprite sheets
- Handling mouse events
Skill Level Beginner
Unfortunately, neither Canvas nor EaselJS is supported in all browsers. So before we get started, I want to take a minute to talk about support for Canvas and therefore EaselJS in current platforms. One of my favorite websites for checking up on support for modern technologies is caniuse.com. The website lets you check for support for HTML and CSS features. Take a look at whether a browser supports the specific feature, you can type it in the search box or look through the list and click on a feature. You can see that most current browsers have Canvas support, but popular browsers like Internet Explorer 8 and below don't. You may have heard about a popular project from Google called ExplorerCanvas.
It tries to provide support on older browsers, but it isn't perfect and doesn't work well with EaselJS. You're probably wondering if you should start working with and learning about Canvas or EaselJS if there's not full browser support. Both of these technologies represent the future of the Internet. They'll be replacing the types of things you used to do with Flash on websites. It's a good idea to dig in and start learning them right now. If you're into building games or complex interactivity, Canvas is the way to go, because although older browsers don't support it mobile and future devices will.