font atlas sdf下載font atlas sdf源代碼下載

下載

font-atlas-sdf

帶有字體紋理地圖集的填充<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`禁用合適。