Skip to content

pantoken / formats/icon-font/src / svgToGlyphPath

函式: svgToGlyphPath()

svgToGlyphPath(svg): GlyphPath

Beta(測試)

為圖示 SVG 產生填滿的字形路徑。

參數

svg

string

內嵌 SVG 標記。

回傳

GlyphPath

已填滿的路徑 d(以 viewBox 座標)以及 viewBox 大小。

範例

為基於筆觸(Lucide)的圖示與基於填滿的圖示畫出輪廓

ts
import { svgToGlyphPath } from "@pantoken/icon-font";
import { getIcon } from "@pantoken/icons";

const { d, width, height } = svgToGlyphPath(getIcon("arrow-left")!.svg);
// d: a single filled path; width/height: the viewBox size (e.g. 24, 24)