HTML5 canvas textBaseline 文字绘制位置

关于textBaseline 的介绍请看下面这个地址:

http://www.w3school.com.cn/tags/canvas_textbaseline.asp

HTML5 canvas textBaseline 文字绘制位置

下面我要说的是,在IE11和Chrome中的区别,同样的代码,显示效果不同,先看下图对比。

HTML5 canvas textBaseline 文字绘制位置

很明显的可以看出来Top的偏差很大,IE更靠下。Middle偏差小一些,总体IE也是靠下的。最后选用Bottom,实际使用中还是有些许偏差,字体越大,偏差越大些,但是总体来说不是特别明显了。如果用户要求很苛刻的话,可以考虑在代码中区分浏览器,增加像素偏移量。