Feng - 2019年8月
type: channel
link: http://fengyitong.name/index.php/2019/08/
description: 半山腰的风采
items: 绘制虚线圆

绘制虚线圆
type: item
date: 2019-08-29T09:52:55+08:00
description: 最近有绘制虚线圆圈的需求,简单封装了一下,这里记录一下以便将来查阅: ctx.save() ctx.strokeStyle = CIRCLE_COLOR ctx.lineWidth = 2 const step = 120 // 圆的总共段数 最好能被360整除 const count = Math.floor(360 / step) let s = count / 180 * Math.PI * 2 for (let b = 0, e = s / 2; e <= 360; b += s, e += s) { ctx.beginPath() ctx.arc(x, y, radius, b, e); ctx.stroke(); } ctx.restore();