Do we need to handle `willReadFrequently` differently with Canvas

[pauldambra]

see https://posthoghelp.zendesk.com/agent/tickets/11298

clients get this spammy console log:
Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true. See: https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-will-read-frequently

the willReadFrequently flag needs to be set the first time canvas.getContext

[jasondainter]

Does anyone know if this got resolved? seeing the same issue

[pauldambra]

Hey,

Activating Canvas recording (which I'm guessing you have done) means that we're going to frequently read your Canvas in order to record it. I think you can ignore the console log.

Out of interest, you should be able to call canvas.getContext(canvasType, { willReadFrequently: true }) on the canvas in your own codebase which would stop the message being logged. Is that something you can test?

[jasondainter]

Thanks for the quick info. On futher inspection I seemed to be only getting this browser warning (with Canvas recording turned on) in one situation where I was using js-confetti (presumably doing something with the canvas there).

I applied a "monkey patch" to turn willReadFrequently to true in this case and it did indeed remove the error.

[pauldambra]

Awesome, thanks for checking!