font atlas sdf
1.0.0
Заполнить элемент <canvas> с помощью атласа текстуры шрифта - может использоваться для быстрого генерации шрифтов SDF (подписанное поле расстояния). SDF - самый эффективный способ рисовать текст в WebGL, см. Статью. Для растровых шрифтов см. Font-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 отключениям. |
