1498894 - Performance issues while drawing lines in canvas

Status: UNCONFIRMED

(Core :: Graphics, defect, P3)

Description

[lawrencekinde]

Attachment: laggy-line-drawing.zip

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0

Steps to reproduce:

Run the website with "npm run start" (or simply use the front end, back end doesn't matter), hop over to localhost:4000, steer the circle with "a" and "d", try to run the circle over itself.

I downloaded the latest version of nightly, and it hasn't been fixed yet. 


Actual results:

I'm coding a game of sorts using canvas (with 2d context) as rendering engine. While creating a tail for a radius, i noticed that the the performance in firefox was very very slow. The code itself is fairly straight forward and not heavy at all, and the performance in chrome and Opera is smooth, so I suspect it has something to do with the canvas drawing engine.

I included a video demo in the rar file with the project which shows what i just explained.


Expected results:

Slow performance, which works fine in chrome and opera.

I'll redesign my program to a non-laggy one ofc, but i thought you should know, and that this may help in finding underlying performance issued perhaps

Comment 1

[lawrencekinde]

Awwh.. chucks, can't edit the description, sorry.. Ok so i didn't include the back end now and only front end instead, so reproduction is by simply clicking index.html.

But to reproduce, simply unpack the zip, watch the demo, run the index.html.