svg-path26

SVG path viewer allows you to visualize and edit SVG path data interactively.

References

More or less editors/viewers

• SVG path exploration - svg-path first implementation - tm and demo
• SVG Path Editor
• SVG Path Visualizer
• paths: Edit SVG paths
• svg-path-commander: A library for parsing and manipulating SVG path data

Fonts

• google-font-to-svg-path: Create an SVG path from a Google font
• text-to-svg:Convert text to SVG path without native dependence.

Applications

• svgpathtools: A collection of tools for manipulating and analyzing SVG path objects and Bézier curves
• svg-mesh-3d: Generate 3D meshes from SVG paths
• SVGMeshUnity - Generates mesh from SVG path in realtime for Unity
• svg-path-morph: Morph between two SVG paths

Low level manipulation

• paths-js: A JavaScript library for creating and manipulating paths
• svgpath: A library for transforming SVG path data
• font_to_svg: Convert fonts to SVG paths (C++)
• svg-path-bounding-box: Calculate the bounding box of an SVG path

Documentation

• MDN - SVG Path Data

Run

• pnpm install
• pnpm dev
• pnpm build