In this HTML5 Canvas tutorial in Hindi Urdu, I use internal CSS3 tags and internal java script to draw rectangles with linear gradient and radial gradient on a canvas in HTML5 documents. Linear gradient in an object in a HTML5 canvas uses the 2d Context and changes from one solid color to another. Radial gradient or circular gradient in an object in a HTML5 canvas uses the 2d Context and changes from an inner circular radius to an outer ciucular radius. These tutorials are in Urdu and Hindi language. Please visit for all video tutorials in English, Urdu, Hindi and Punjabi.