HTML5 Canvas TextBaseline Top在Firefox和Chrome中看起来不同

时间:2016-02-15 11:00:25

标签: javascript google-chrome firefox canvas html5-canvas

在canvas中,将textBaseline属性设置为'top'时,其在chrome和firefox中的呈现方式不同。在chrome中,行与文本之间存在间隙,因为firefox中没有间隙。

请参考this在浏览器中查看,任何帮助都会感激不尽。

我还检查了similar issue报告的长尾。在Firefox中有没有解决方法让它工作正常? Render in chrome

Render in Firefox

1 个答案:

答案 0 :(得分:0)

我同意OP的观点,这是一个问题,而且它是 Firefox 所特有的。但是,似乎 Firefox 已经调整了垂直偏移超时。它曾经一次大约4个像素,然后是3.现在,它几乎难以察觉。所以,我同意上面的@Kaiido。使用/设置*object*.textBaseline="alphabetic";我相信这在浏览器中是一致的。