切换setLineDash（）

Question

我抬头看看如何用HTML5画布绘制虚线并发现setLineDash()。它似乎在我的浏览器（Chrome，Firefox和Safari）中工作得很好，但我无法找到禁用它的“标准”方法

我有一个函数在绘制一些固体线条和后来的虚线。我最好的猜测是要做到这一点：

context.beginPath(); 

// Toggle off the previous loop's dashed lines 
if (context.setLineDash) 
    context.setLineDash([]); 

// Code to draw the solid lines 

context.stroke(); 
context.closePath(); 

if (context.setLineDash) 
    context.setLineDash([8, 8]); 

context.beginPath(); 

// Code to draw the dashed lines 

context.stroke(); 
context.closePath(); 

我的主要问题是下面的部分是否是虚线切换掉适当的方式：

if (context.setLineDash) 
    context.setLineDash([]); 

Answer 1

每个CanvasDrawingStyles对象都有一个破折号列表，它可以是空的，也可以是偶数个非负数。最初，dash list必须为空。

短划线列表以空数组[]开头，因此应该将其设置为空数组以将短划线列表重置为其初始状态。

另请参阅setLineDash的定义，其中还注意到破折号列表defaults to empty。

void setLineDash(sequence<unrestricted double> segments); // default empty