HTML5 Canvas绘制圆点虚线实例

10/24/2015来源:HTML教程人气:602

在Stack Overflow上,Phrogz提供了一个自己的画虚线的实现,严格的说,这是一个点划线的实现(p.s. 我认为该页面上Rod MacDougall的简化版更好)。那么,如果需要画圆点虚线(如下图所示),应该怎么办呢?

HTML5 Canvas绘制圆点虚线实例 三联

以下是我自己的实现,只支持画水平的和垂直的圆点虚线,可以参考Phrogz与Rod MacDougall的方法来添加斜线描画的功能。

代码如下: