poor canvas performance (compared to Chrome) when drawing lines
Categories
(Core :: Graphics: Canvas2D, defect)
Tracking
()
People
(Reporter: david+bugs, Unassigned)
References
()
Details
(Whiteboard: [cairo path code])
Attachments
(1 file)
50.50 KB,
text/plain
|
Details |
Comment 1•13 years ago
|
||
Comment 2•13 years ago
|
||
Comment 3•13 years ago
|
||
Comment 4•13 years ago
|
||
Reporter | ||
Comment 5•13 years ago
|
||
Comment 6•13 years ago
|
||
Comment 7•13 years ago
|
||
Comment 8•13 years ago
|
||
Comment 9•13 years ago
|
||
Comment 10•13 years ago
|
||
Comment 11•13 years ago
|
||
Comment 12•13 years ago
|
||
Comment 13•13 years ago
|
||
Comment 14•13 years ago
|
||
Comment 15•13 years ago
|
||
Reporter | ||
Comment 16•13 years ago
|
||
Comment 17•13 years ago
|
||
Reporter | ||
Comment 18•12 years ago
|
||
Comment 19•12 years ago
|
||
Comment 20•10 years ago
|
||
Comment 21•10 years ago
|
||
Comment 22•10 years ago
|
||
Comment 23•3 years ago
|
||
10 years later difference is still quite significant between Firefox and Chromium based browsers. Both mobile and desktop versions of Firefox have a hard time rendering canvas eg. https://rive.app/ It's much smoother on Chrome and new Edge (all platforms). Is there a way to improve this?
Comment 24•3 years ago
|
||
That's a bummer you can't even edit your post here :( Just wanted to add my specs:
Windows 10 x64 21H1
Firefox 94
Ryzen 2700
DDR4 16GB 3200MHz
NVidia GTX 1050TI 4GB
Should be enough for simple animations, but performance on Firefox is really bad. Also visible with transform
animations eg. https://rupl.github.io/unfold/ From backface-visibilty
till the end it's only getting worse.
Comment 25•3 years ago
|
||
(In reply to Sharak from comment #23)
10 years later difference is still quite significant between Firefox and Chromium based browsers. Both mobile and desktop versions of Firefox have a hard time rendering canvas eg. https://rive.app/ It's much smoother on Chrome and new Edge (all platforms). Is there a way to improve this?
Is there a specific example that performs poorly for you?
(In reply to Sharak from comment #24)
Should be enough for simple animations, but performance on Firefox is really bad. Also visible with
transform
animations eg. https://rupl.github.io/unfold/ Frombackface-visibilty
till the end it's only getting worse.
It doesn't look https://rupl.github.io/unfold/ uses Canvas. Can you file a separate bug for that?
Comment 26•3 years ago
|
||
(In reply to Jeff Muizelaar [:jrmuizel] from comment #25)
(In reply to Sharak from comment #23)
10 years later difference is still quite significant between Firefox and Chromium based browsers. Both mobile and desktop versions of Firefox have a hard time rendering canvas eg. https://rive.app/ It's much smoother on Chrome and new Edge (all platforms). Is there a way to improve this?
Is there a specific example that performs poorly for you?
The main one on top of the page. Haven't checked other examples, but this one is canvas for sure. On Chrome and Edge it's all perfectly smooth and animated in like 30-60 fps and on Firefox it's slow and not at all smooth, like 10 fps tops. At least on first run. Looks like it gets better after couple minutes, but it's still not as smooth as on Chrome/Edge. When I view this canvas there my Windows performance graph of my GPU shows 3D rendering at 30-50%. With Firefox it's always 100%. I've tested it with only 1 browser opened at a time.
Updated•2 years ago
|
Description
•