HTML5 Canvas TextBaseline Top Firefoxとクロムの外観が異なる

Question

キャンバスでは、textBaselineプロパティを 'top'に設定し、chromeとfirefoxではレンダリングの方法が異なります。クロムでは、ファイアフォックスにギャップがないので、行とテキストの間にギャップがあります。

お使いのブラウザではthisを参考にしてください。何か助けていただければ幸いです。

similar issueが長年報告されています。それは正常に動作するようにFirefoxでの回避策はありますか？

Answer 1

私はこれが問題であり、それはFirefoxの特有のだOPに同意します。しかし、ますます、それはFirefoxは、オーバータイムの垂直オフセットを調整しているようです。一度は約4ピクセル、その後は3ピクセルでした。今、ほとんど知覚できません。ですから、上記の@Kaiidoに同意します。使用/セット*object*.textBaseline="alphabetic";私はこれがブラウザ間で一貫していると信じています。