课程
/前端开发
/Html5
/Canvas绘图详解
请问如果绘制的时候的点，是粗线条的中点的话，为什么直接用lineTo到起点时，只有起点和终点处有缺口，下面却没有缺口呢？
2015-11-04
源自：Canvas绘图详解 2-4
正在回答
这是由canvas的样式决定的，当你lineTo回到起点时，canvas可不会认为你这条线是跟起点是连起来的，而是认为你这条线跟起点重合了，所以不会产生转角样式，简单的讲，就是断了。如果要解决这个问题，很简单：
当你接下来是要lineTo到起点的时候，直接
cxt.closePath();cxt.stroke();
cxt.closePath();
cxt.stroke();
封闭路径后再执行stroke()函数，这样的话，canvas会自动把终点和起点连在一起并且创造转角样式；
一般来说，画三角形只需要moveTo起点，lineTo第一个点，lineTo第二个点，closePath封闭路径，stroke执行划线，就可以了
举报
Canvas系列教程第二课,详解Canvas各接口，让同学彻底掌握Canvas绘图
1 回答关于绘制矩形函数
2 回答canvas绘制图形不是moveTo开始的吗
2 回答绘制六边形的时候不用通过moveTo设置起始点吗？”
1 回答canvas绘制地图
1 回答canvas的五角星绘制问题
