arc()是圆弧路径构造函数而非绘图命令，需配合beginpath()、stroke()/fill()及样式设置才能显示；参数中角度单位为弧度，x/y为圆心坐标，radius≥0，anticlockwise控制绘制方向。
arc() 不是“画圆专用函数”，它画的是圆弧；要画整圆，必须手动把起始角设为 0、结束角设为 2 * Math.PI，且确保路径已开始（beginPath()）、样式已设置、最后调用 stroke() 或 fill() —— 少一步都看不到圆。
arc() 的 5 个参数到底怎么填
arc(x, y, radius, startAngle, endAngle, anticlockwise) 这 6 个位置里，前 5 个是必填的。其中最容易错的是后两个角度参数：它们单位是**弧度**，不是度数；从正 x 轴（3 点钟方向）开始，逆时针为正方向。
-
x和y是圆心坐标，相对于 canvas 左上角，不是相对于当前路径起点 -
radius必须 ≥ 0；传负数或NaN会静默失败（不报错，但没图形） -
startAngle和endAngle写成90或180是常见错误——这其实是 90 弧度（≈5157°），几乎绕圆十几圈；正确写法是Math.PI / 2（90°）、Math.PI（180°） -
anticlockwise默认false，即顺时针画弧；设为true才逆时针。注意：它不改变角度数值含义，只改变绘制方向；即使startAngle > endAngle，设false仍会顺时针跨越 0 弧度绕过去
为什么画了 arc() 却什么都没显示
这是新手最常卡住的地方：arc() 只向当前路径添加一段弧形子路径，它本身不渲染任何东西。你得自己负责路径管理与绘制触发。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 漏掉
ctx.beginPath()：上一次路径残留会影响本次弧线连接方式，甚至导致意外闭合或描边错位 - 没调用
ctx.stroke()或ctx.fill()：arc()后路径只是“存在”，没有视觉输出 - 忘记设置
ctx.strokeStyle或ctx.fillStyle：颜色默认是黑色，但如果 canvas 背景也是深色，可能看不清；更常见的是压根没设，结果描边宽度为 1、颜色为透明黑（#00000000） - 半径太小或坐标超出 canvas 范围：比如
canvas.width = 200，却写arc(300, 300, 10, ...)，圆心在画布外，弧线自然不可见
arc() 画整圆 vs 其他画圆方式的取舍
虽然 arc(x,y,r,0,2*Math.PI) 能画圆，但它本质仍是路径操作；实际项目中要不要这么干，得看场景。
- 需要动态控制圆弧长度（如进度条、仪表盘）→ 必用
arc()，改endAngle即可 - 只要一个静态实心圆，且后续可能缩放或高 DPI 适配 → 更推荐 SVG
<circle></circle>，矢量、无锯齿、CSS 可控 - 只是做圆形容器（头像、图标背景）→ 直接用 CSS
border-radius: 50%，性能好、语义清、响应式友好 - 需要像素级控制、动画逐帧更新、或与其他 canvas 图形混合（如粒子、滤镜）→
arc()是唯一选择，但记得用clearRect()清屏再重绘
真正难的不是记住 2 * Math.PI，而是理解 arc() 是路径构造器，不是绘图命令；它的行为高度依赖上下文状态（是否 beginPath、当前笔点在哪、有没有 fillStyle）。很多“画不出来”的问题，其实出在路径起点没重置，或者 stroke 颜色被之前某次操作悄悄覆盖了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
