The setLineDash() function
Summary: 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: