pantoken / design/swatches/src / toSvg

Συνάρτηση: toSvg() ​

toSvg(swatches, options?): string

Πειραματικό

Απεικόνιση δειγμάτων χρωμάτων ως ομαδοποιημένο φύλλο προδιαγραφών SVG.

Παράμετροι ​

swatches ​

μόνο ανάγνωσης Swatch[]

Η παλέτα (π.χ. από toSwatches).

options? ​

ToSvgOptions = {}

ToSvgOptions.

Επιστρέφει ​

string

Το έγγραφο SVG ως συμβολοσειρά.

Παραδείγματα ​

Δημιουργία φύλλου προδιαγραφών για README

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

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

Προδιαγραφή μόνο της βασικής παλέτας, με τίτλο και ευρύτερο πλέγμα

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 });