Drawing triangles with paths
Up until now all of our shapes where very basic. We created lines, and filled up pre configured shapes like the rectangle and circle. In this lecture we will take advantage of the new method we where introduced to in the last lecture the beginPath to define a path only this time we will define this path as a closed path. By the end of this lesson you will know how to work with the beginPath and closePath methods and create your own geometric shapes.
Keynotes:
- Working with the beginPath and closePath methods.
- Creating a utility function.
- Drawing a triangle in canvas.
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!Drawing our first canvas lines
In this lecture, we move our attention to lines.
10:21
Meeting canvas paths
By the end of this lesson you will understand how to work with paths in HTML5 Canvas.
05:43
Drawing triangles with paths
By the end of this lesson you will know how to work with the beginPath and closePath methods and create your own geometric shapes.
08:35
Creating the Flag of Guyana
In this lecture we will take advantage of this new utility function to create the flag of Guyana. In the process we will learn how to create relative designs that can easily scale.
12:59
Creating Multi Pointed Shapes ( Kingdom of Bahrain )
By the end of this lesson you will have a deep understanding of how to work with paths to create complex shapes.
09:04