The setLineDash() function

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

• Arguments to the function
• An example
• See also

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.

Arguments to the function

• An array of numbers. This can contain two or more numbers representing the line dash pattern.

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