radial · angular gradient export

Figma GRADIENT_RADIAL → <radialGradient>. GRADIENT_ANGULAR (conic) → SVG 1.1에 없음 → CSS conic-gradient.

데모에서 볼 것

• mode select: GRADIENT_RADIAL | GRADIENT_ANGULAR
• 400×240 rect
• radial: defs + fill=url(#rg) + readout markup
• angular: shape.style.background = conic CSS + css.note

API

import {
  figmaRadialGradientPaintToSvg,
  figmaAngularGradientToCss
} from "svg-matrix-core";

const radial = figmaRadialGradientPaintToSvg(paint, { gradientId: "rg" });
// { fill: "url(#rg)", markup: "<radialGradient>…" }

const css = figmaAngularGradientToCss(paint);
// { background: "conic-gradient(…)", note: "…" }

gradientHandlePositions

Figma 3점 = 축·반경 — 019 linear, 032 radial과 동일 모델.

Core API

관련

• 019 · 032 · 057

오늘의 핵심

angular = 하이브리드 export (SVG fill + CSS background). gap map 057의 partial 케이스입니다.