ctx.stroke（）在Mac上最多需要8.7秒，但在任何其他浏览器中都不到1毫秒

Question

我有一个画布可以创建8张图片（彩色的Google地图标记）：

这段代码是一个构成问题的代码：

ctx.beginPath()
ctx.moveTo( lw, h/3 )       //  Left
ctx.lineTo( w/2, lw )       //  Top
ctx.lineTo( w - lw, h/3 )   //  Right
ctx.lineTo( w/2, h - lw )   //  Bottom
ctx.closePath()
ctx.fill()
// conditional dashed line border (see in codepen L31 - L41)
ctx.fill()
ctx.stroke()    //  This call takes up to 8.7sec (on MAC safari only)

我试图仅将代码缩小到该问题，但是只是为了确保我制作了Codepen 。
证明，它不适用于MAC

如何使其在MAC上像在PC上一样快地工作？

Answer 1

我发现了问题所在，不知道是否应该报告...
问题是，Mac（甚至可能在其他）上的Firefox遇到ctx.setLineDash([0])问题，其他浏览器的ctx.setLineDash([0])也没有问题，但是Firefox确实存在第一次故障。

做到这一点的“正确”方法是ctx.setLineDash([]) 。