Learn HTML5 Graphics and Animation
|
Learn the power of HTML5 drawing APIs and JavaScript to create stunning visuals on your web page. This course covers everything from the basics of the HTML Canvas element to advanced techniques like gradient fills, transformations, and animations. Enhance your website with captivating drawings and engage your audience with interactive canvas effects. Discover how to incorporate images and text seamlessly into your canvas creations. Join us to unlock the potential of HTML5 drawing and take your web design skills to the next level.
HTML5 includes powerful drawing APIs that allow you to use the
element and JavaScript to draw whatever you want, directly on the page.
Course Content
Introduction to the HTML Canvas element
Drawing Paths – Lines and Rectangles
Drawing Paths – Curves and Arcs
Drawing Styles on HTML5 Canvas
Gradient Fills on the HTML5 Canvas
Drawing Text on Canvas
HTML Canvas and Images
Canvas Effects
Canvas Transformations
Canvas and Pixels
Listening for Mouse and Keyboard Events with HTML Canvas
Animating with Canvas
