                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas绘图详解

为什么在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

源自：Canvas绘图详解 3-1

关注问题我要回答

674

操作

收起

1 回答

zhishikong
2020-07-13

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

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

Canvas绘图详解

参与学习 72741 人
解答问题 421 个

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

本课相似问答

3 回答改成这样就不出星星了为什么

3 回答最后一个demo，发现画图一闪而过，然后页面就空白了，什么鬼？代码哪里写错了嘛？求看

2 回答图形变换的函数必须写在绘制路径之前吗？为什么写在后面就不行了呢，变换的是canvas画布还是所绘制的图形？

1 回答为什么星星固定在左上角了？

1 回答为什么要把canvas的宽高放在draw里面，放在标签上为毛不行呢

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载