fill填充不了，closePath()闭合不了，想要直接给canvas画布直线形式，学习canvas的一些细节笔记

**

fill填充不了，closePath()闭合不了，想要直接给canvas画布直线形式，学习canvas的一些细节笔记

**

1，
fill方法
单画线没有填充效果，或者不明显

ctx.rect(10, 10, 150, 100);
ctx.fill();			//直接画矩形名就明显多了

2，
closePath() //闭合方法

// 设置 起点
    context.moveTo( 0, 0 );
    // 绘制直线
    context.lineTo( 500, 400 );
    // 设置 起点
    //context.moveTo( 0, 400 );
    // 绘制直线
    context.lineTo( 500, 0 );
    // 描边显示效果
	context.closePath()
    context.stroke();

就只需定义一个起点函数，根据定义，是结点和起点的自动闭合，所以只保留一个起点是明智的选择

3，
边框线条部分样式：

canvas.style.border = '1px solid black';	//直线
canvas.style.border = '1px dash black';	//虚线