Canvas虚线路径不响应lineJoin，因setLineDash将路径拆为离散线段，每段独立渲染，无几何连接点，故lineJoin失效；lineCap仍作用于每段端点，推荐'round'提升柔和度。
Canvas 绘制虚线路径时，圆角连接（即线段拐角处的圆滑过渡）默认不会生效——setLineDash() 和 lineJoin 是两个独立控制项，但它们存在隐含冲突。关键在于：虚线本质是多个离散线段的描边，而 lineJoin 仅作用于单条连续路径中相邻线段的交点；一旦路径被 setLineDash 拆成多段，拐角处就不再有“连接点”，lineJoin 自然失效。
为什么虚线路径不响应 lineJoin
Canvas 的虚线是通过 setLineDash() 控制描边节奏实现的，底层仍是一次 stroke() 调用。但浏览器渲染引擎会将该虚线解析为若干个独立线段分别绘制，每个线段端点都按 lineCap 处理（如 round），而线段之间无几何连接关系，因此 lineJoin 完全不起作用。
例如：绘制一个带圆角的 L 形虚线路径，即使设置了 ctx.lineJoin = 'round'，拐角处仍呈现生硬直角或被截断，因为那不是“连接”，而是两段虚线的自然终止与起始。
真正可行的圆角虚线方案
要实现视觉上“带圆角的虚线路径”，必须绕过 setLineDash 的限制，改用路径级控制：
-
分段构造圆角路径 + 手动虚线化：先用
arcTo()或quadraticCurveTo()构建带圆角的完整路径（如圆角矩形、折线拐角），再沿该路径等距采样，用arc()或短直线段+lineCap: 'round'拼出虚线效果 -
使用 clip + 实线圆角路径遮罩：先绘制一个实线、
lineJoin='round'的圆角路径作为遮罩区域；再在该区域内用setLineDash()绘制一条足够长的横贯虚线，依靠clip()截取可见部分，视觉上即为“圆角虚线” -
SVG fallback 或混合渲染：对复杂圆角虚线路径，可考虑用 SVG 的
stroke-linejoin="round"+stroke-dasharray组合，它原生支持二者协同；Canvas 中可通过drawImage()将 SVG 转为位图嵌入
lineCap 在虚线端点的实际作用
虽然 lineJoin 对虚线拐角无效，但 lineCap 会影响每一段虚线的起止形态：
-
lineCap = 'butt'：虚线每段末端平切，整体显得干练但略显机械 -
lineCap = 'round'：每段末端加半圆帽，视觉更柔和，是模拟“圆点虚线”的基础 -
lineCap = 'square'：末端延伸半个线宽，易造成虚线段间轻微重叠或空隙不均
实践中，lineCap = 'round' 配合较小的 dash pattern（如 [2, 6]）能显著提升虚线亲和力，尤其在小尺寸 UI 元素中。
小程序 canvas 的特殊注意事项
微信小程序 Canvas（尤其是 2D 上下文）对 setLineDash() 支持较晚，且部分低端机型存在渲染偏差。若需圆角虚线：
- 避免依赖
lineJoin，直接采用“循环 drawArc”方式手绘虚线圆（参考drawDashCircle封装逻辑） - 对矩形类路径，优先用
drawRoundRect()（基础库 2.15.0+）配合自定义虚线逻辑，而非 stroke 矩形 - 务必在每次
beginPath()后重设lineCap和lineWidth，小程序中上下文状态易被其他绘制干扰
