SVG.js

Skip to Main Content

Home
Installation
Getting started
Parents
- SVG.Doc
- SVG.Nested
- SVG.G
- SVG.Symbol
- SVG.Defs
- SVG.A
Elements
- SVG.Rect
- SVG.Circle
- SVG.Ellipse
- SVG.Line
- SVG.Polyline
- SVG.Polygon
- SVG.Path
- SVG.Text
- SVG.TextPath
- SVG.Tspan
- SVG.Image
- SVG.Gradient
- SVG.Stop
- SVG.Pattern
- SVG.Mask
- SVG.ClipPath
- SVG.Use
- SVG.Marker
- SVG.Bare
Referencing
Manipulating
- Attributes
- Positioning
- Resizing
- Syntactic sugar
- Transforming
- Styles
- Classes
- Data
- Memory
- Document Tree
- Arranging
- Geometry
Boxes
- SVG.Box
- SVG.ViewBox
- SVG.BBox
- SVG.RBox
Animating
- Animate
- Controlling
- Timing
- Callbacks
Events
Classes
Importing / Exporting
Extending
- SVG.invent
- SVG.extend
Tutorials / Examples
Plugins
Contributing
- Coding Style
- Documentation
Compatibility
FAQ
Acknowledgements & Thanks

Tutorials

Pong tutorial

Feel like building a pong game using SVG.js?

Examples

Animating shapes along a path

SVG.js © 2012-2024 Wout Fierens - SVG.js is released under the terms of the MIT license.

Fork me on GitHub