为什么在context.lineCap="xxx" 后面写上 context.closePath() 线帽就不出现了?

来源:3-1 线条的帽子:lineCap

慕妹0204700

2020-07-01 21:13

根据前面讲解,closePath 是封闭图案或者路径结束的时候使用的,为什么会妨碍lineCap的设置?还是以下代码有什么不对的地方吗?恳请大神解惑。

    context.beginPath();
    context.moveTo(100,200);
    context.lineTo(600,200);
    context.lineCap='round';
    context.closePath()
    context.stroke();
写回答 关注

1回答

  • zhishikong
    2020-07-13 17:01:14

    closePath()会封闭线段,首尾相连了,lineCap不能用于线段转折处,可以用lineJoin()设置折点圆头。

Canvas绘图详解

Canvas系列教程第二课,详解Canvas各接口,让同学彻底掌握Canvas绘图

72885 学习 · 422 问题

查看课程

相似问题