带有 Canvas 元素的 OpenType 风格集

Posted

技术标签:

【中文标题】带有 Canvas 元素的 OpenType 风格集【英文标题】:OpenType Stylistic Sets with a Canvas element 【发布时间】:2016-06-17 03:32:30 【问题描述】:

我正在尝试使用带有备用样式集的 OpenType 字体来绘制到画布元素。我让它与标准 html 和字体一起使用

font-feature-settings: "ss01";

但是,我还需要将字体写入画布元素。有没有办法做到这一点?还是不支持?

【问题讨论】:

我很确定这不受支持。 Canvas 无法获得与 CSS3/CSS4 提供的 HTML 相同的文本引擎控制。 Canvas 的 ctx.font 只采用 CSS font values,它没有对 font-feature-settings 的规定作为压缩格式的一部分。你也许能够以某种方式在font-variant工作,但我从未尝试过,所以你必须自己查一下。 【参考方案1】:

到目前为止,你仍然不能,font-feature-settingsfont-variant 都没有,而且它甚至还没有在 Canvas 的规范中。

但也许有一天:https://github.com/whatwg/html/issues/592

【讨论】:

以上是关于带有 Canvas 元素的 OpenType 风格集的主要内容,如果未能解决你的问题,请参考以下文章

带有 itext 的 OpenType 字体字距调整

解析json结构绘制canvas

在 PHP 中呈现 OpenType 字体预览的最佳方式

使用 Earcut 对 OpenType.js 中的路径数据进行三角测量

使用 NodeJS 将 OpenType / TrueType 格式转换为 png 图像

没有字体功能设置的CSS中的OpenType大写间距(cpsp)?