font atlas sdf
1.0.0
Preencher um elemento <canvas> com um atlas de textura da fonte - pode ser usado para gerar rapidamente fontes SDF (campo de distância assinado). O SDF é a maneira mais eficiente de desenhar texto no WebGL, consulte o artigo. Para fontes de bitmap, consulte font-atlas.
Demonstração
Pofita e retorna um elemento <canvas> com um atlas de textura da fonte. Leva as seguintes opções:
| Propriedade | Padrão | Significado |
|---|---|---|
canvas | Nova tela | Use um elemento <canvas> existente. |
font | 16px sans-serif | a família de fontes para usar ao desenhar o texto. Pode ser uma corda de fonte CSS ou um objeto com propriedades de fonte: size , family , style , weight , variant , stretch . |
shape | [512, 512] | Uma matriz contendo a [width, height] para a tela em pixels. |
step | [32, 32] | Uma matriz contendo a [width, height] para cada célula em pixels. |
chars | [32, 126] | pode ser um dos: uma string contendo todos os personagens a serem usados; uma matriz de todos os personagens para usar; Uma matriz especificando os códigos de caracteres [start, end] a serem usados. |
radius | tamanho × 1,5 | afeta a "inclinação" da transformação à distância. |
align | 'optical' | Alinhe o símbolo verticalmente pela caixa delimitadora em vez da linha de base da fonte. Valores disponíveis: 'optical' para o centro do alinhamento em massa (consulte as propriedades ópticas), 'bounds' para o alinhamento da caixa delimitadora ou false para usar o alinhamento da fonte. |
fit | 0.5 | Normalize os tamanhos do glifo para cobrir a mesma parte do size . Pode ser um número ou bool, por exemplo. 0.5 cobre metade do size , 1 se encaixa no tamanho completo e nos desabilitamentos false . |
