【问题标题】:Is it possible to set the letter-spacing of canvas text?是否可以设置画布文本的字母间距?
【发布时间】:2012-03-20 09:55:38
【问题描述】:

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

通常,我会使用 CSS 来设置“字母间距”,但画布文本的规范只允许“字体”值: http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#text-0

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

【问题讨论】:

标签: html html5-canvas


【解决方案1】:

Letter spacing in canvas element

这个答案:

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

还要注意“滚动你自己的”——用自定义绘制每个角色 偏移量——对于大多数字体来说会产生不好的结果,因为 有字母字距调整对和像素对齐字体提示。

【讨论】:

    猜你喜欢
    • 2012-02-15
    • 2010-11-06
    • 1970-01-01
    • 2011-05-20
    • 2020-02-20
    • 1970-01-01
    • 2016-04-06
    • 1970-01-01
    • 2015-10-30
    相关资源
    最近更新 更多