问答详情
源自:3-1 线条的帽子:lineCap

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

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

    context.beginPath();
    context.moveTo(100,200);
    context.lineTo(600,200);
    context.lineCap='round';
    context.closePath()
    context.stroke();

提问者:慕妹0204700 2020-07-01 21:13

个回答

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

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