Ошибка с градиентом холста - PullRequest
Новая
       39

Ошибка с градиентом холста

0 голосов
/ 07 июня 2018

Здравствуйте, у меня небольшая проблема с HTML-канвой.Для проекта для университета мы должны создать много маленьких кружков с градиентом.Тем не менее, функция работает с определенного числа ошибка:

"не удалось выполнить 'createradialgradient' на 'canvasrenderingcontext2d': предоставленное двойное значение не является конечным."

На самом деле это работает до сих пор, и после нескольких часов поиска я уверен, что это проблема с производительностью.Может ли быть так, что у меня здесь ошибка? 

draw() : void {
    this.ctx.clearRect(0,0,this.canvasWidth,this.canvasHeight);
    this.sequenceArray.forEach(sequenceArray => {
        sequenceArray.updateSound();
    });
    requestAnimationFrame(() => {this.draw()});
}

let gradient = this.ctx.createRadialGradient(this.xPos,this.yPos,0,this.xPos,this.yPos,this.radius);
        gradient.addColorStop(0.8, 'rgba(255,255,255,0)');
        gradient.addColorStop(1,'rgba(255,255,255,0.2)');
        this.ctx.fillStyle = gradient;
        this.ctx.beginPath();
        this.ctx.globalAlpha = this.opacity;
        this.ctx.arc(this.xPos,this.yPos,this.radius,0,Math.PI*2,true);
        this.ctx.fill();

В основном все работает чудесно, только если слишком много элементов приходит на ошибку.

...