Home / HTML5 Tutorial / Html Canvas

Html Canvas

Introduction to the Canvas API

The <Canvas> element is the most important element introduced by HTML5. It creates a 2d Canvas API (Application Programming Interface) using JavaScript. The <canvas> element is only a container for graphics which is used to draw graphics, on the fly, via …

Read More »

Canvas Lines

Canvas Lines There is a process of drawing lines on a Canvas bitmap which is more similar to that on a normal paper. Process 1. Start with a beginPath() Function and denote …

Read More »

Drawing Curves

There are two types of curves in HTML5 named as: Bezier Curves Quadratic Curves Drawing Bezier Curves To draw a Bezier Curve on the canvas use bezierCurveTo (cx1, cy1, cx2, cy2, …

Read More »

Drawing Arcs

Drawing Arcs In HTML5, Arcs can be drawn using two types of methods Arc() Method ArcTo() Method Draw Arc using Arc() Method To draw an arc on the canvas using …

Read More »