大多数高性能虚线矩形的方法

Question

我有一个矩形，我想用1px虚线描边，这是我们在图像编辑器中看到的典型选择对象。

我正在研究方法，并且想知道哪种方法效果最好？

1. 我应该绘制一个recntangle然后通过并清除间隙吗？
2. 我应该从这里使用dashedLine来绘制4条虚线吗？ https://stackoverflow.com/a/4577326/1828637
3. 还有其他方法吗？

由于

Answer 1

使用context.setLineDash(segments);将是一种有效的方法，因为它目前支持所有主流浏览器。

在此处详细了解：https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash