上一章節(jié)我們說到,線性路徑的繪制,主要利用movoTo(),lineTo()等方法,當然 Canvas 2D API 也提供了虛線的繪制方法,CanvasRenderingContext2D.setLineDash();

下面我們就來看看虛線的繪制方法

 

語法

ctx.setLineDash(segments);

參數(shù) segments:

一個Array數(shù)組。

一組描述交替繪制線段和間距(坐標空間單位)長度的數(shù)字。

如果數(shù)組元素的數(shù)量是奇數(shù), 數(shù)組的元素會被復制并重復。例如, [5, 15, 25] 會變成 [5, 15, 25, 5, 15, 2