раскраска линии на холсте

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

Вы используете canvas, я предполагаю, что вы имеете в виду контекст.

canvas = getElementById ("mycanvas");

context.getContext ("2d");

Несколько моментов: 1. Начать 1 или более ничьих с помощью context.beginPath(); 2. Когда вы укажете контекст на context.stroke(), он будет использовать последний инсульт, который вы установили (предыдущие штрихиStyles игнорируются) 3. всегда to 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();