HTML Canvas - 圆圈周围的虚线描边

Question

我知道没有原生支持在 Canvas 上渲染点划线，但我已经看到人们已经能够生成对此的支持的巧妙方法。

我想知道是否有任何方法可以将其转换为允许在形状(特别是圆形)周围渲染虚线笔划？

Answer 1

使用 context.setLineDash() 的最简单方法

ctx.beginPath();
ctx.setLineDash([5, 5]);
ctx.beginPath();
ctx.arc(100, 60, 50, 0, Math.PI * 2);
ctx.closePath();
ctx.stroke();