Mangled text rendering in Chromium-based browsers depending on hardware

[harbulot]

I've noticed that in some cases, when using Chrome or Edge (but not Firefox) on some machines, the text for the ticks and axes labels was badly rendered.

Here is a screenshot for example, using http://www.jqplot.com/examples/axisLabelsRotatedText.php :

This should look like this:

I'm not entirely sure, but it could be linked to Intel graphics drivers.

One way to fix this is to request users to turn off hardware-accelerated rendering in their Chrome settings: not ideal.

Another way that seems to work is to disable hardware acceleration for the canvas using willReadFrequently:

canvas.getContext('2d', { willReadFrequently: true })