為GIF
添加文字

GIF 缺乏 alpha 通道支持，因此抗鋸齒必須使用調色板技巧：（1）順序抖動（邊緣的幾何圖案），（2）誤差擴散抖動（將顏色誤差分發給鄰居），或（3）「光環」效果（在黑色上渲染文字，然后在白色上渲染，使用差異作為遮罩）。我們的工具根據文字大小自動選擇——較大的文字使用誤差擴散以獲得更平滑的邊緣。

我們通過 Canvas API 渲染支持 TTF、OTF、WOFF 和 WOFF2。系統字體從你的 OS 枚舉。字體粗細被保留——Inter Bold 的渲染與 Inter Regular 不同。如果字體加載失敗（CORS 問題），我們會回退到 Arial。

我們支持通過關鍵幀進行每幀文字定位。每個文字圖層有：（1）初始位置，（2）特定幀號的關鍵幀位置，（3）插值模式（線性、緩入、緩出）。複雜的運動路徑應導出為 JSON 並重新導入。對於簡單的視差效果，在 10 幀上調整 Y 位置 ±5px。

GIF 使用一種透明顏色索引，而不是每像素 alpha。如果你的文字在文字顏色和透明之間有抗鋸齒像素，那些中間像素必須映射到文字顏色或透明——創建鋸齒狀邊緣。使用「對齊到不透明」選項先用背景顏色渲染文字，然後將其設置為透明索引。

GIF 優化的效果：筆畫（具有可配置像素寬度的輪廓，不是抗鋸齒的）、投影（帶高斯模糊的偏移）、內部陰影（文字邊界內的筆畫）和發光（在背面模糊的複制圖層）。需要每像素 alpha 的效果（柔和陰影、漸變）在 GIF 中會表現不佳——請謹慎使用並使用小半徑。

GIF 調色板限制為 256 種顏色。我們提供兩種方法：（1）調色板採樣——提取 GIF 的主要顏色並建議具有足夠對比度的互補文字顏色（WCAG 4.5:1 比率）。（2）直接 RGB——如果你選擇的顏色不在調色板中，我們使用 Floyd-Steinberg 進行抖動，這會在大面積文字區域創建紋理外觀。