font atlas sdf

글꼴-아틀라스 -SDF

글꼴 텍스처 아틀라스가있는 <canvas> 요소를 채우면 SDF (서명 거리 필드) 글꼴을 빠르게 생성하는 데 사용될 수 있습니다. SDF는 WebGL에서 텍스트를 그리는 가장 효율적인 방법입니다. 기사를 참조하십시오. 비트 맵 글꼴의 경우 글꼴을 참조하십시오.

데모

용법

canvas = fontatlas (옵션?)

글꼴 텍스처 아틀라스가있는 <canvas> 요소를 채우고 반환합니다. 다음 옵션을 취합니다.

재산	기본	의미
canvas	새로운 캔버스	기존 <canvas> 요소를 사용하십시오.
font	16px sans-serif	글꼴 가족은 텍스트를 그릴 때 사용합니다. 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 의 같은 부분을 커버하도록 글리프 크기를 정규화하십시오. 숫자 또는 bool이 될 수 있습니다. 0.5 size 의 절반을 덮고, 1 전체 크기에 맞고, false 비활성화는 맞습니다.

관련된

• 글꼴-아틀라스-비트 맵 글꼴 아틀라스.
• Tiny-SDF-빠른 글리프가 서명 된 거리 필드 생성.
• 광학 전성기-글리프 광학 센터 및 경계 박스 계산