在画布上着色一条线

Question

我正在尝试为下面一行着色，但我的画布要么全部都是颜色，要么根本没有颜色。任何帮助将不胜感激

canvas.save();
canvas.scale(1, 0.75);
canvas.beginPath();
canvas.arc(100, 95, 8, 0, Math.PI * 2, false);
canvas.stroke();
canvas.strokeStyle= "red";
canvas.closePath();
canvas.restore();

Answer 1

你正在使用画布，我认为你的意思是上下文。

画布=的getElementById（ “mycanvas”）;

context.getContext（ “2D”）;

几点： 1.使用context.beginPath（）开始1次或多次绘制; 2.当您将上下文告诉context.stroke（）时，它将使用您设置的 last strokeStyle（忽略之前的strokeStyles） 3.始终使用context.stroke（）将绘制的线条，圆弧等物理地应用到画布上。

// draw a red circle
context.beginPath();
context.arc(100, 95, 8, 0, Math.PI * 2, false);
context.strokeStyle="red";
context.stroke();

//then begin a new path and draw a blue circle
context.beginPath();
context.arc(150, 95, 8, 0, Math.PI * 2, false);
context.strokeStyle="blue";
context.stroke();