Open Bug 1377558 Opened 7 years ago Updated 4 months ago

Canvas perf is poor when creating many radial gradient filled circles

Categories

(Core :: Graphics: Canvas2D, defect, P3)

Product:
Core
Component:
Graphics: Canvas2D
Version:
54 Branch
Type:
defect

Tracking

()

Status:
UNCONFIRMED
Tracking Flags:
Tracking Status
firefox57 --- wontfix

People

(Reporter: kevinacameron, Unassigned)

References

Details

(Whiteboard: [gfx-noted]) 

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.109 Safari/537.36

Steps to reproduce:

https://codepen.io/kevinkace/pen/rwpPza


Actual results:

low frame rate


Expected results:

60fps (Chrome some how manages it).
Here's the same code, but using a single RGBA fill instead of a radial-gradient: https://codepen.io/kevinkace/pen/MoVWpK

FF does well here.
What does your about:support graphics section look like?

Also, what happens if you change gfx.canvas.azure.backends to skia,cairo in about:config and restart Firefox?
See Also: → 728453, 1238309
Whiteboard: [gfx-noted]
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.