HTML5 Canvas Element

Summary: Get started with creating drawings and animation on canvas with JavaScript using HTML5 canvas element About This Video Start drawing on canvas with JavaScript Create canvas animations using JavaScript In Detail The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. This is a quick introduction course to canvas element in HTML5. It will guide you on how to use JavaScript code and syntax to create visual content within the HTML5 canvas element on the webpage. You must have prior coding experience in JavaScript and HTML and familiarity with web development before getting started with this course. Starting with the basics, the course covers how to draw lines, arcs and circles with different line styles, line fill, and color fill options. As you advance through the course, you will learn how to add text to canvas objects and apply text shadows and formatting features such as scaling, mirroring, and reversing on your text. Later, you will understand how to add images to the canvas object and create an image rotator. You will also get to grips with developing canvas animations using JavaScript. This is a fast-paced course that comes packed with the source code ready for you to use through the lessons. By the end of this course, you'll be well-versed with the essentials of HTML5 canvas drawing and how it works.