Skip to content
/ mz-svg Public

TypeScript-based library for managing SVG in the browser and Node.js. The modular approach allows you to select only the required functions. It works well with all modern bundlers and Node.js and supports tree shaking 🌲.

License

Notifications You must be signed in to change notification settings

mzusin/mz-svg

Repository files navigation

γƒŸβ˜† mzSVG β˜†ε½‘

GitHub package.json version NPM

TypeScript-based library for managing SVG in the browser and Node.js. The modular approach allows you to select only the required functions. It works well with all modern bundlers and Node.js and supports tree shaking 🌲.

Links πŸ”—

Features πŸš€

  • Works in browser and Node.js.
  • Based on TypeScript.
  • Save the SVG to the file system in Node.js, or download it as SVG, PNG, JPG, etc. in a browser environment.
  • Extensive Unit Testing.

Working with path data ('d' property)

  • Translate, rotate, and scale path.
  • Convert path to relative or absolute commands.
  • Find path bounding box.
  • Minify path data.
  • Beautify path data.
  • Path data validation.
  • Path data parser.

Create SVG elements in browser & Node.js

  • Primitive shapes like path, rectangle, circle, ellipse, polygon, polyline, etc.
  • Container objects like <g>, <defs>, <use>, etc.
  • SVG <pattern>, <clipPath>, <mask>, etc.
  • Rectangle path element.
  • Star shape, flower shape.

Animation

  • Create animation elements like <animate>, <animateMotion>, <animateTransform>, etc.

Documentation πŸ”–

Main

Create SVG

Shapes

Containers

Path Data

IO

Animation

Helpers

Other


About

TypeScript-based library for managing SVG in the browser and Node.js. The modular approach allows you to select only the required functions. It works well with all modern bundlers and Node.js and supports tree shaking 🌲.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published