HTML5 Canvas TextBaseline Đầu trông khác nhau trong Firefox và chrome

Question

Trong canvas, trong khi đặt thuộc tính textBaseline thành 'top', kết xuất của nó khác nhau trong chrome và firefox. Trong chrome, có một khoảng cách giữa dòng và văn bản mà không có khoảng trống trong firefox.

Vui lòng tham khảo this để xem trong trình duyệt của bạn, mọi trợ giúp sẽ rất biết ơn.

Tôi cũng đã kiểm tra similar issue báo cáo từ lâu. Có bất kỳ công việc xung quanh trong firefox để làm cho nó hoạt động tốt?

Answer 1

Tôi đồng ý với OP rằng đây là một vấn đề và nó đặc biệt để Firefox. Tuy nhiên, có vẻ như Firefox đã điều chỉnh thời gian bù theo chiều dọc. Nó đã từng một lần khoảng 4 pixel, sau đó 3. Bây giờ, nó gần như không thể nhận thấy. Vì vậy, tôi đồng ý với @Kaiido ở trên. Sử dụng/thiết lập *object*.textBaseline="alphabetic"; Tôi tin rằng điều này là nhất quán trên các trình duyệt.