SVG Graphics Geometry

Part 0. SVG coordinate systems
- viewBox와 user space
- transform attribute와 matrix
Part 1. Path grammar
Part 2. Stroke geometry
Part 3. Fill rules
- nonzero vs evenodd
- fill hit testing
Part 4. Path sampling
Part 5. Paint servers
- linearGradient 좌표
- clipPath와 mask 개념
Part 6. Path editor capstone
Part 7. Fill & winding deep dive
Part 8. Pattern & gradient
Part 9. SVG filter & Figma effects
Part 10. Figma ↔ SVG bridge
Part 11. Icon design
Appendix A. SVG in CSS
Appendix B. Engine extras
Part 12. Foundations primer
- SVG 한 장 지도
- 좌표 스택 — pointer → user space
Part 13. Figma ↔ SVG (deep)
Part 14. SVG spec breadth

radial · angular gradient export

핵심

figmaRadialGradientPaintToSvg
figmaAngularGradientToCss (conic, partial)

최근 수정: 26. 5. 16. PM 3:04

Contributors: jinho.park.s3, Cursor

Figma paint types & gap map

image · pattern fill