Figure Drawing In HTML5

In addition to rectangles, canvas allows you to draw more complex shapes. Complex shapes are designe...

Drawing text

Along with geometric shapes and images, canvas allows you to display text. Part of this is to first ...

Creating a Gradient in Canvas

The Canvas element allows you to use a gradient as a background. This is done using a CanvasGradient...

Background images In HTML5 Canvas

Instead of a specific color to fill shapes like rectangles, we can use images. To do this, the canva...

Drawing setup In HTML5

The context of the canvas element provides a number of properties that can be used to customize how ...

Accessing canvas and drawing rectangles

One of the innovations of HTML5 was the Canvas element and advanced features for working and manipul...

media API. Control video from JavaScript

Along with the new audio and video elements in HTML5, a new JavaScript API has been added to manipul...

Audio in HTML5

To play audio without video, HTML5 uses the audio element . It is similar to the video element in ma...

Video in HTML5

To play a video in HTML5, the video element is used . To customize this element, we can use the foll...

JavaScript Operators

Mathematical operations JavaScript supports all basic mathematical operations: Build : let x = 10; l...