YouTipSVG Reference Manual
The SVG specification defines more elements and attributes.
Common SVG Attributes:
id: The unique identifier for the element.class: The class name of the element, used for CSS styling.style: The inline style of the element.transform: The transformation applied to the element.x,y: The position of the element.width,height: The dimensions of the element.fill: The fill color.stroke: The stroke color.stroke-width: The stroke width.opacity: The opacity.visibility: The visibility of the element.
List of SVG Elements:
| Element | Description | Attributes |
|---|---|---|
<svg> |
Defines the root element of an SVG document | width height viewBox preserveAspectRatio xmlns ... |
<a> |
Defines a hyperlink | xlink:href target ... |
<altGlyph> |
Defines an alternative glyph | glyphRef format rotate dx dy ... |
<altGlyphDef> |
Defines a set of alternative glyphs for <altGlyph> |
(none) |
<altGlyphItem> |
Defines an alternative glyph for <altGlyphDef> |
glyphRef format ... |
<animate> |
Defines an animation | attributeName from to dur repeatCount fill ... |
<animateColor> |
Defines a color animation | attributeName from to dur repeatCount fill ... |
<animateMotion> |
Defines a motion along a path animation | path dur repeatCount ... |
<animateTransform> |
Defines a transformation animation | attributeName type from to dur ... |
<circle> |
Defines a circle | cx cy r fill stroke stroke-width ... |
<clipPath> |
Defines a clipping path | clipPathUnits (none) |
<color-profile> |
Defines a color profile | (none) |
<cursor> |
Defines a mouse pointer | x y width height xlink:href ... |
<defs> |
Defines reusable elements | (none) |
<desc> |
Provides a description for an SVG element | (none) |
<discard> |
Specifies elements to discard | (none) |
<ellipse> |
Defines an ellipse | cx cy rx ry fill stroke stroke-width ... |
<feBlend> |
Defines image blending | in in2 mode ... |
<feColorMatrix> |
Defines a color matrix | in type values ... |
<feComponentTransfer> |
Defines transfer functions for color/Alpha components | (none) |
<feComposite> |
Defines image compositing | in in2 operator ... |
<feConvolveMatrix> |
Defines a convolution matrix | in order kernelMatrix ... |
<feDiffuseLighting> |
Defines diffuse lighting | in surfaceScale diffuseConstant ... |
<feDisplacementMap> |
Defines a displacement map | in in2 scale ... |
<feDistantLight> |
Defines a distant light | azimuth elevation ... |
<feDropShadow> |
Defines a drop shadow | dx dy stdDeviation ... |
<feFlood> |
Defines a color for graphical elements | flood-color flood-opacity ... |
<feFuncA> |
Defines a curve for adjusting the Alpha channel | type tableValues slope ... |
<feFuncB> |
Defines a curve for adjusting the image | type tableValues slope ... |
<feFuncG> |
Defines a curve for adjusting the image | type tableValues slope ... |
<feFuncR> |
Defines a curve for adjusting the image | type tableValues slope ... |
<feGaussianBlur> |
Defines a Gaussian blur effect | stdDeviation ... |
<feImage> |
Defines an image to embed | href result ... |
<feMerge> |
Defines a filter graphic for merging images | (none) |
<feMergeNode> |
Defines an input image for merging images | (none) |
<feMorphology> |
Defines a filter that alters the shape of the input image | operator radius ... |
<feOffset> |
Defines an offset for the input image | dx dy ... |
<fePointLight> |
Defines a point light source | x y z ... |
<feSpecularLighting> |
Defines specular highlights | in surfaceScale specularConstant ... |
<feSpotLight> |
Defines a spotlight | x y z pointsAtX pointsAtY pointsAtZ ... |
<feTile> |
Defines a repeated input image | (none) |
<feTurbulence> |
Defines a turbulence image | baseFrequency numOctaves ... |
<filter> |
Defines a filter effect | filterUnits primitiveUnits x y width height ... |
<font> |
Defines a font resource | horiz-origin-x horiz-origin-y horiz-adv-x vert-origin-x vert-origin-y vert-adv-y ... |
<font-face> |
Defines the properties of a font | font-family font-style font-variant font-weight font-stretch ... |
<font-face-format> |
Defines the font file format | (none) |
<font-face-name> |
Defines the font name | (none) |
<font-face-src> |
Defines the location of the font file | (none) |
<font-face-uri> |
Defines the location of the font file | (none) |
<foreignObject> |
Defines another XML namespace within an SVG file | (none) |