pantoken / design/swatches/src / toSvg

Função: toSvg() ​

toSvg(swatches, options?): string

Experimental

Renderizar swatches como uma folha de espécime SVG agrupada.

Parâmetros ​

swatches ​

somente leitura Swatch[]

A paleta (por exemplo, de toSwatches).

options? ​

ToSvgOptions = {}

ToSvgOptions.

Retorna ​

string

O documento SVG como uma string.

Exemplos ​

Renderizar uma ficha de espécime para um README

ts
import { writeFileSync } from "node:fs";
import { swatches, toSvg } from "@pantoken/swatches";

writeFileSync("palette.svg", toSvg(swatches));

Espécime apenas da paleta principal, com um título e uma grade mais ampla

ts
import { swatches, toSvg } from "@pantoken/swatches";

const core = swatches.filter((s) => !s.name.startsWith("primitive-"));
const svg = toSvg(core, { title: "Instructure core colors", columns: 8 });