Getting Started Drawing a line Rectangle Curve Arc Circle Pie Oval Rounded rectangle Text Transformations Speech bubble.Opacity level (0transparent, 255opaque). Source code. function dispImage() . Drawing Lines Examples using HTML5 Canvas - Learning HTML 5 in simple and easy steps with examples covering 2D Canvas, Audio, Video, New Semantic Elements, Geolocation, Persistent Local Storage, Web Storage, Web SQL, Forms 2.0, Microdata and Drag and Drop, IndexedDB Safari HTML5 Canvas Guide.A Pop-Up Canvas—Animating Position and Opacity. You can make the canvas element into a pop-up that responds to a hover, click, or rollover event on another webpage element. Note: The position of the HTML5 canvas element is defined by its location within your HTML document. It can be moved around with CSS as required, just like other HTML elements.