font atlas sdf
1.0.0
带有字体纹理地图集的填充<canvas>元素 - 可用于快速生成SDF(签名距离字段)字体。 SDF是在WebGL中绘制文本的最有效方法,请参阅文章。对于位图字体,请参见字体 - atlas。
演示
带有字体纹理地图集的人群并返回<canvas>元素。采取以下选项:
| 财产 | 默认 | 意义 |
|---|---|---|
canvas | 新画布 | 使用现有的<canvas>元素。 |
font | 16px sans-serif | 绘制文本时要使用的字体系列。可以是CSS字体字符串或具有字体属性的对象: size , family , style , weight , variant , stretch 。 |
shape | [512, 512] | 一个包含像素画布的[width, height]的阵列。 |
step | [32, 32] | 一个包含像素中每个单元格的[width, height]阵列。 |
chars | [32, 126] | 可能是其中之一:包含所有要使用的字符的字符串;所有要使用的字符的数组;一个数组,指定要使用的[start, end]字符代码。 |
radius | 尺寸×1.5 | 影响距离转换的“斜率”。 |
align | 'optical' | 通过边界框而不是字体基线对齐符号。可用值:用于质量对齐中心的'optical' (请参阅光学范围), 'bounds'框架对齐或false使用字体对齐。 |
fit | 0.5 | 标准化字形尺寸以覆盖相同的size 。可以是数字或布尔,例如。 0.5覆盖一半的size , 1适合整个尺寸,并且false禁用合适。 |