HTML5 Canvas. Toggle navigation.A canvas is an area where we can draw text, lines, shapes and other things. The upper left corner has the coordinates of (0,0) with the values increasing going to the right and down. HTML5 Canvas Element Size vs. Drawing Surface Size.As mentioned, HTML5 Canvas lets you create many types of objects, including lines, curves, paths, shapes, text, etc. In the examples to follow you can see how some of these objects are actually drawn. Few examples are complicated and few examples are simple in HTML5 Canvas Graphics Animations. With the use of these amazing effects, we can draw new as lots of coding available here. Many people are using HTML5 graphics and animations on our application. You wont notice the performance degradation in simple examples like drawing a few lines and transforming an image, but youll see it right away once you start doingInternet Explorer 9 Guide for Developers: HTML5 canvas element. This has been Lets Call It A Draw(ing Surface). HTML5 Draw Tutorial: Basics of Canvas Drawing. Updated on December 6, 2016. simeonvisser. more.Ill discuss two examples of HTML5 canvas drawing that use some of the basic drawing features.