Join Joe Marini for an in-depth discussion in this video Next steps, part of Learning HTML Canvas.
- [Joe] All right, well that brings us…to the end of learning HTML Canvas.…I hope you enjoyed learning about the Canvas element…as much as I enjoy teaching it.…The Canvas element really represents…a huge leap forward in graphics capabilities for the web,…and enables web developers to build many of the same…advanced and sophisticated effects that native application…developers have had for years.…So in this course we covered a lot of ground,…from drawing basic shapes to using complex techniques…like patterns, gradients, transformations,…and clipping pads.…
We even saw how to create animation using the Canvas.…But all of this is just the beginning.…There are plenty of other ways…to create compelling visualizations in the browser…from advanced CSS to scalable vector graphics,…each of which have their own features and benefits.…So take what you've learned in this course…and use your creativity and imagination…to build web pages that benefit…from the techniques we've learned here.…Happy coding.…
- Canvas examples
- Drawing shapes, arcs, paths, and curves
- Drawing text
- Drawing shadows, patterns, and gradients
- Using clipping paths
- Displaying images and video
- Transforming objects with scaling and rotation
- Manipulating raw pixels
- Applying transitions
- Creating animations
Skill Level Intermediate
1. Overview of Canvas
2. Basic Canvas Drawing Techniques
3. Complex Canvas Drawing
4. Advanced Drawing APIs
5. Practical Examples
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.