Preparing our JavaScript for Canvas
Although most modern browsers support Canvas not all of them do. While we won't create an optimal experience for users without HTML5 canvas support we want to create a graceful fallback experience. So before we start our journey into canvas in this lecture we will prepare our source files to accommodate failure.
Keynotes:
- The basics of browser compatibility tests
- Creating a canvas fallback
- Working with the ternary operator
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!Preparing our JavaScript for Canvas
in this lecture we will prepare our source files to accommodate failure.
10:08
Canvas Hello World
We start our canvas journey creating a simple rectangle in the process we will learn how to define the canvas size, how to define a fill style and how to fill it up using the fillRect method.
06:36
The Palau flag and the perfect circle
By the end of this lecture will will have the complete flag of Palau and will create a perfect arc - more commonly known as a circle.
05:16
Creating Canvas elements dynamically
This is the last DOM specific lecture in this title as from here on words we will be deep into the world of the canvas API.
06:25