是否可以设置画布文本的字母间距?

时间:2012-03-01 21:07:17

标签: html5 html5-canvas

我正在使用html5画布文本,需要更改字符之间的水平间距。

通常情况下,我会使用CSS来设置“letter-spacing”,但canvas文本的规范只允许使用“font”值: http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#text-0

有没有办法使用画布文字设置“字母间距”或类似内容?

1 个答案:

答案 0 :(得分:3)

请参阅Letter spacing in canvas element

这个答案:

  

这是不可能的; HTML5 Canvas没有全部   HTML中CSS的文本转换能力。我建议你   应该结合每种用途的适当技术。使用HTML   与Canvas,甚至SVG分层,每个人都做它做的事情   最好的。

     

另请注意“滚动自己” - 使用自定义绘制每个角色   对于大多数字体,offset-会产生不良结果   有字母字距调整对和像素对齐字体提示。