SVG API Reference

Learn to manipulate SVG with JavaScript APIs, elements, attributes, and methods.

📘 Explore Elements

Core Elements

🔷

SVG Container

Root element for all SVG content: <svg>

🔷

Drawing Elements

<circle>, <rect>, <path>

View Examples →

Key Attributes

🔶

Geometry

cx, cy, r, width, height

🔶

Styling

fill, stroke, opacity

See Syntax →

JavaScript Methods

🔷

DOM Manipulation

createSVGElement(), setAttribute()

🔷

Animations

animate(), SVGAnimationElement

Try Live →

Event Handlers

🔷

User Interactions

onmouseover, onclick, ontouchstart

🔷

Media Events

onload, onerror

Live Events →

Live SVG API Example

Try selecting a color to see the live API in action!

← Return to Home
```