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

下面我們就來(lái)看看虛線(xiàn)的繪制方法

 

語(yǔ)法

ctx.setLineDash(segments);

參數(shù) segments:

一個(gè)Array數(shù)組。

一組描述交替繪制線(xiàn)段和間距(坐標(biāo)空間單位)長(zhǎng)度的數(shù)字。

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