The fillStyle property

Share RGraph:   To help my Google visibility (it can't get much worse!), if you like and use RGraph I'd appreciate it if you could link to me
[No canvas support]
An example of using the fillStyle setting to draw a red rectangle

The fillStyle option is a property, usually a string, that is used to set the color used to do filling on the canvas. For example the fillRect and fill functions both use this setting to determine the color that they use.

As well as a string it can be a canvas linear or radial gradient. More about these at the link below.

An example

    window.onload = function ()
        var canvas  = document.getElementById("cvs");
        var context = canvas.getContext('2d');

        var x      = 50;
        var y      = 50;
        var width  = 100;
        var height = 100;
        context.fillStyle = 'red';
        context.fillRect(x, y, width, height);

See also:


© Copyright Richard Heyes 2008-2017
Terms and conditions   Privacy policy   Sitemap   About