Canvas reference: The setLineDash() function

The setLineDash() function is used to set the style (dash length and spacing etc) of the linedash

The setLineDash() function is used to set the current lineDash setting. The argument that you give to the function should be an array that contains numbers that indicate the desired dash setting, starting with a dash.

An example

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

        context.setLineDash([3,6]);
        // context.setLineDash([1,0]); // A solid line
        // context.setLineDash([3,6]); // A wide gap
        // context.setLineDash([15,5,5,3]); // A pattern starting with a wide dash
        context.beginPath();
        context.arc(125,125,50,0,2 * Math.PI, false);
        context.stroke();
    }
</script>

See also:

• The getLineDash() function
• The lineDashOffset property