HTML5 Canvas TextBaseline Top ha un aspetto diverso in Firefox e chrome

Question

In canvas, mentre si imposta la proprietà textBaseline su 'top', il rendering è diverso in chrome e firefox. In chrome, c'è una lacuna tra la linea e il testo dove non c'è spazio in firefox.

Si prega di consultare this per visualizzare nel browser, qualsiasi aiuto sarebbe grato.

Ho anche controllato il similar issue segnalato di lunga durata. C'è un work-around in firefox per farlo funzionare bene?

Answer 1

Sono d'accordo con l'OP che questo è un problema ed è peculiare Firefox. Sempre più spesso, sembra che lo Firefox abbia regolato lo spostamento verticale straordinario. Era una volta una volta circa 4 pixel, quindi 3. Ora, è quasi impercettibile. Quindi, sono d'accordo con @Kaiido sopra. Usa/imposta *object*.textBaseline="alphabetic"; Credo che questo sia coerente tra i browser.