最高效虚线矩形的方法

Methods for most performant dashed rectangle

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

我正在研究方法，想知道哪种方法最有效？

  1. 我应该画一个矩形然后穿过并清除间隙吗？
  2. 我应该从这里使用 dashedLine 来绘制 4 条虚线吗？
  3. 还有其他方法吗？

谢谢

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

在此处阅读更多相关信息：https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash