На canvas остается круг после

274
28 июня 2017, 01:23

Всем привет, я пытаюсь создать простую игру на 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;
}

И у меня проблема, которую я толком не могу отловить. Уже бьюсь второй день: После отрисовки кругов, в некоторых случаях остается контур этого круга, хотя я контур ему даже не задавал. И этот контур может остаться даже если объекта (который рисует этот круг) уже нет и метод отрисовки круга не вызывается. Вообще не понимаю куда смотреть, подскажите пожалуйста, куда копать?

READ ALSO
VK.com redirect transition [требует правки]

VK.com redirect transition [требует правки]

i would like to know, is there any way to make transition before page redirect using JavaScripts on VK site ?

236
Поясните про async/await

Поясните про async/await

Здравствуйте

251
Почему не видит this?

Почему не видит this?

Если в функцию передам text и вместо this сделаю text, то ок все

278