如何从HTML上下文中删除虚线

Question

要在画布上下文中绘制虚线，我使用此

    var canvas = document.getElementById('canv');
    ctx = canvas.getContext('2d');        
    ctx.setLineDash([5]);

当我不想绘制更多虚线时，我会这样做。

    ctx.setLineDash([0]);

删除短划线适用于桌面浏览器，但这在移动Safari中不起作用。还有另一种方法可以删除破折号并画出连续的实线吗？

由于

Answer 1

您可以传递空数组。它也使线条稳固。

ctx.setLineDash([])

Answer 2

将您的代码包含在context.save / context.restore

中

ctx.save();
ctx.setLineDash([5]);
// draw dashed stuff
ctx.restore();

// now the default solid line is restored

Answer 3

我将尝试尽可能简单地解释：