Всем привет, я пытаюсь создать простую игру на canvas
. Я с ним имею дело почти первый раз.
Я рисую все объекты:
function draw() {
let ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
el1.draw(ctx);
el2.draw(ctx);
}
setInterval(draw, 20);
вот методы которые я использую для рисования объектов
public drawStrokeRound(center:any, radius:number, color:string):Canvas {
let ctx = this.getContext();
ctx.beginPath();
ctx.moveTo(center.x + radius, center.y);
ctx.arc(center.x, center.y, radius, 0, 2 * Math.PI, false);
ctx.strokeStyle = color;
ctx.stroke();
return this;
}
public drawFillRound(center:any, radius:number, color:string):Canvas {
let ctx = this.getContext();
ctx.beginPath();
ctx.moveTo(center.x + radius, center.y);
ctx.arc(center.x, center.y, radius, 0, 2 * Math.PI, false);
ctx.fillStyle = color;
ctx.fill();
return this;
}
public drawStrokeRect(start:any, end:any, color:string):Canvas {
let ctx = this.getContext();
ctx.strokeRect(start.x, start.y, end.x, end.y);
ctx.strokeStyle = color;
ctx.stroke();
return this;
}
И у меня проблема, которую я толком не могу отловить. Уже бьюсь второй день: После отрисовки кругов, в некоторых случаях остается контур этого круга, хотя я контур ему даже не задавал. И этот контур может остаться даже если объекта (который рисует этот круг) уже нет и метод отрисовки круга не вызывается. Вообще не понимаю куда смотреть, подскажите пожалуйста, куда копать?
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
i would like to know, is there any way to make transition before page redirect using JavaScripts on VK site ?