The strokeStyle 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 strokeStyle setting to draw a red rectangle

The strokeStyle option is a property, usually a string, that is used to set the color used to do stroking on the canvas. For example the strokeRect and stroke functions both use this setting to determine the color that they use.

As well as a string it can be a linear/radial gradient or a pattern. More about these at the links below.


An example

<script>
    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.strokeStyle = 'red';
        context.strokeRect(x, y, width, height);
    }
</script>

See also:

Comments

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