绘制图形

绘制路径

​x
var c=document.getElementById("myCanvas"); //获取画布
var ctx=c.getContext("2d"); //获取context

ctx.moveTo(0,0); 
ctx.lineTo(200,100); 
ctx.lineTo(100,150); 
ctx.closePath()

上面代码只是确定了路径的形状，画布上还看不出来，因为没有颜色。所以还需要着色。

fill()在路径内部填充颜色，使之变成一个实心的图形；

stroke()只对路径线条着色。

xxxxxxxxxx
ctx.fill()//默认黑色
//或者
ctx.stroke();//默认黑色

xxxxxxxxxx
ctx.fillStyle = 'red';//设置填充颜色
ctx.fill();
// 或者
ctx.strokeStyle = 'red';//设置线条颜色
ctx.stroke();

实时效果反馈

1.下列描述错误的是：

A 使用ctx.moveTo（），ctx.lineTo()可以画出一条黑色的直线

B 使用ctx.moveTo（），ctx.lineTo()，ctx.stroke()可以画出一条黑色的直线

答案

1=>A