Typed SVG Attributes
NOTE: For attributes pertaining to SVG filters, see Filters.Attributes
Defines the distance from the origin to the top of accent characters, measured by a distance within the font coordinate system.
Used by Elements: fontFace
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/accent-height
This attribute controls whether or not the animation is cumulative.
It is useful for repeated animations to build upon the previous results, accumulating with each iteration.
Used by Elements: animate, animateColor, animateMotion, animateTransform
See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/accumulate
This attribute controls whether or not the animation is additive.
It is frequently useful to define animation as an offset or delta to an attribute's value, rather than as absolute values.
Used by Elements: animate, animateColor, animateMotion, animateTransform
See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/additive
The alignmentBaseline attribute specifies how an object is aligned with
respect to its parent. This property specifies which baseline of this element is
to be aligned with the corresponding baseline of the parent. For example, this
allows alphabetic baselines in Roman text to stay aligned across font size
changes.
It defaults to the baseline with the same name as the computed value of the
alignmentBaseline property.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, tspan, tref, textPath
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/alignment-baseline
The allowReorder attribute signals whether a user agent may reorder the direct descendents of the switch element, based on user preferences, if it thinks this could lead to a better user experience.
The possible values are no, the default, disallowing reordering and yes,
allowing reordering.
See: https://www.w3.org/TR/smil/smil-content.html#adef-allowReorder
Defines the type of transformation, whose values change over time.
Used by Elements: animateTransform
NOTE: this is called type_ in elm-lang/svg but is different here in order to
distinguish it from contentType
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type
Values will be applied in order over the course of the animation. If a list
of values is specified, any from, to and by attribute values are
ignored.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/values
This attribute defines the maximum unaccented depth of the font within the font coordinate system.
If the attribute is not specified, the effect is as if the attribute were set to
the vertOriginY value for the corresponding font.
Used by Elements: fontFace
See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/ascent
This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
Used by Elements: animate, animateColor, animateTransform, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeName
This attribute specifies the namespace in which the target attribute and its associated values are defined.
Used by Elements: animate, animateColor, animateTransform, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeType
The baselineShift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css baseline-shift for further information.
Used by Elements: altGlyph, tref, tspan, textPath
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/baseline-shift
This attribute defines when an animation should begin.
Each individual value can be one of the BeginValue types.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/begin See: https://www.w3.org/TR/2001/REC-smil-animation-20010904/#Timing-EvaluationOfBeginEndTimeLists
This attribute specifies the interpolation mode for an animation. The default mode is linear, however if the attribute does not support linear interpolation (e.g. for strings), the calcMode attribute is ignored and discrete interpolation is used.
Used by Elements: animate, animateColor, animateMotion, animateTransform
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/calcMode
Assigns a class name or set of class names to an element. You can use this to style SVG content using CSS.
An element's class name serves two key roles:
Used by Elements: a, altGlyph, circle, clipPath, defs, desc, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feDiffuseLighting, feDisplacementMap, feFlood, feGaussianBlur, feImage, feMerge, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, filter, font, foreignObject, g, glyph, glyphRef, image, line, linearGradient, marker, mask, missingGlyph, path, pattern, polygon, polyline, radialGradient, rect, stop, svg, switch, symbol, text, textPath, title, tref, tspan, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/class
The clip attribute has the same parameter values as defined for the css clip property. Unitless values, which indicate current user coordinates, are permitted on the coordinate values on the <shape>. The value of auto defines a clipping path along the bounds of the viewport created by the given element.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: svg, symbol, image, foreignobject, pattern, marker
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clip
The clipPath attribute binds the element it is applied to with a given
clipPath element.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: a, circle, defs, ellipse, g, image, line, marker, mask, mesh, missing-glyph, path, pattern, polygon, polyline, rect, svg, switch, symbol, text, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clip-path
The clipPathUnits attribute defines the coordinate system for the contents
of the clipPath element.
If the clipPathUnits attribute is not specified, then the effect is as if a
value of userSpaceOnUse were specified.
Note that values defined as a percentage inside the content of the clipPath
are not affected by this attribute. It means that even if you set the value
of maskContentUnits to CoordinateSystemObjectBoundingBox, percentage values
will be calculated as if the value of the attribute were userSpaceOnUse.
Used by Elements: clipPath
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clipPathUnits
The clipRule attribute only applies to graphics elements that are
contained within a clipPath element. The clipRule attribute basically
works as the fillRule attribute, except that it applies to clipPath
definitions.
Used by Elements: circle, ellipse, image, line, mesh, path, polygon, polyline, rect, text, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clip-rule
The color attribute is used to provide a potential indirect value
(currentColor) for the fill, stroke, stopColor, floodColor and
lightingColor attributes.
As a presentation attribute, it can also be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, circle, ellipse, feDiffuseLighting, feFlood, feSpecularLighting, glyph, glyphRef, line, mesh, path, polygon, polyline, rect, stop, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color
The colorInterpolation attribute specifies the color space for gradient
interpolations, color animations, and alpha compositing.
When a child element is blended into a background, the value of the
colorInterpolation attribute on the child determines the type of blending,
not the value of the colorInterpolation on the parent.
For gradients which make use of the xlinkHref attribute to reference another
gradient, the gradient uses the colorInterpolation attribute value from the
gradient element which is directly referenced by the fill or stroke attribute.
When animating colors, color interpolation is performed according to the value
of the colorInterpolation attribute on the element being animated.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: a, animage, animateColor, circle, defs, ellipse, g, image, line, marker, mask, mesh, missing-glyph, path, pattern, polygon, polyline, rect, svg, switch, symbol, text, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-interpolation
The colorProfile attribute is used to define which color profile a raster
image included through the image element should use.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: image
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile
The colorRendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
colorRendering takes precedence over colorInterpolationFilters. For
example, assume colorRendering is set to optimizeSpeed, and
ColorInterpolationFilters is set to linearRGB. In this case, the SVG
user agent should perform color operations in a way that optimizes
performance, which might mean sacrificing the color interpolation precision
as specified by colorInterpolationFilters.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: a, animate, animateColor, circle, defs, ellipse, g, image, line, marker, mask, mesh, missing-glyph, path, pattern, polygon, polyline, rect, svg, switch, symbol, text, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering
The contentScriptType attribute on the <svg> element specifies the default scripting language for the given document fragment.
This attribute sets the default scripting language used to process the value strings in event attributes. This language must be used for all instances of scripts that do not specify their own scripting language. The value contentType specifies a media type, per MIME Part Two: Media Types [RFC2046]. The default value is application/ecmascript.
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/contentScriptType
This attribute specifies the style sheet language for the given document
fragment. The contentStyleType is specified on the svg element. By default,
if it's not defined, the value is "text/css"
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/contentStyleType
Defines the content type of the element.
Used by Elements: script, style
NOTE: this is called type_ in elm-lang/svg but is different here in order to
distinguish it from animateTransformType
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type
The cursor attribute specifies the mouse cursor displayed when the mouse
pointer is over an element.
This attribute behaves exactly like the css cursor property except that if the
browser supports the cursor element, you should be able to use it with the
funcIRI notation.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: a, circle, defs, ellipse, g, image, line, marker, mask, mesh, missing-glyph, path, pattern, polygon, polyline, rect, svg, switch, symbol, text, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/cursor
This attribute defines a path to follow.
NOTE: You probably want to import the folkertdev/svg-path-dsl package for
access to a more Elm-like way of expressing paths. For instance:
[ path
[ d (pathToString [
subpath
(startAt (10, 10))
open
[ cubicTo
(10, 50)
(90, 50)
(90, 90)
]
])
, stroke Color.black
, strokeWidth 3.5
, noFill
]
[]Used by Elements: path
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
The direction attribute specifies the base writing direction of text and
the direction of embeddings and overrides for the Unicode bidirectional
algorithm.
For the direction attribute to have any effect on an element that does not
by itself establish a new text chunk (such as a tspan element without
absolute position adjustments due to x or y attributes), the
unicode-bidi property's value must be embed or bidiOverride.
The direction attribute applies only to glyphs oriented perpendicular to
the inlineProgressionDirection, which includes the usual case of
horizontally-oriented Latin or Arabic text and the case of narrow-cell
Latin or Arabic characters rotated 90 degrees clockwise relative to a
top-to-bottom inline-progression-direction.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, glyph, glyphRef, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/direction
The display attribute lets you control the rendering of graphical or
container elements. It is similar to the CSS "display" attribute (e.g.
display: "none", "block", etc.)
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: a, altGlyph, altGlyphDef, altGlyphItem, circle, ellipse, foreignobject, g, glyph, glyphRef, image, line, mesh, path, polygon, polyline, rect, svg, switch, text, text, textPath, tref, tspan, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/display
The dominantBaseline attribute is used to determine or re-determine a
scaled-baseline-table. A scaled-baseline-table is a compound value with
three components: a baseline-identifier for the dominantBaseline, a
baseline-table and a baseline-table font-size.
Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
If there is no baseline table in the nominal font or if the baseline table lacks an entry for the desired baseline, then the browser may use heuristics to determine the position of the desired baseline.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, glyph, glyphRef, textPath, text, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline
This attribute indicates the simple duration of the animation.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dur
This attribute defines an end value for the animation that can constrain the active duration.
Each value can be of the same type as the ones defined for the begin attribute.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/end
The externalResourcesRequired attribute is available on all container elements and to all elements which potentially can reference external resources. It specifies whether referenced resources that are not part of the current document are required for proper rendering of the given container element or graphics element.
Used by Elements: a, altGlyph, altGlyphDef, altGlyphItem, animate, animateColor, animateMotion, animateTransform, circle, clipPath, cursor, discard, defs, ellipse, feImage, filter, font, foreignObject, g, glyph, glyphRef, image, line, linearGradient, mesh, meshGradient, marker, mask, mpath, path, pattern, polygon, polyline, radialGradient, rect, script, set, stop, svg, switch, symbol, text, textPath, tref, tspan, use, view
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/externalResourcesRequired
This attribute specifies the opacity of the color or the content the current object is filled with.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, circle, ellipse, glyph, glyphRef, line, mesh, path, polygon, polyline, rect, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-opacity
The fillRule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, circle, ellipse, glyph, glyphRef, line, mesh, path, polygon, polyline, rect, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-rule
The filter attribute defines the filter effects define by the filter
element that shall be applied to its element.
NOTE: See Filters and Filters.Attributes modules.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: a, circle, defs, ellipse, g, glyph, image, line, marker, mesh, missing-glyph, path, pattern, polygon, polyline, rect, svg, switch, symbol, text, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/filter
An empty list will set font-family: inherit
The fontSizeAdjust attribute allows authors to specify an aspect value
for an element that will preserve the X height of the first choice font in
a substitute font.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, glyph, glyphRef, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-size-adjust
The fontStretch attribute indicates the desired amount of condensing or
expansion in the glyphs used to render the text.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, glyph, glyphRef, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-stretch
The fontStyle attribute specifies whether the text is to be rendered using
a normal, italic or oblique face.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, glyph, glyphRef, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-style
The fontVariant attribute indicates whether the text is to be rendered
using the normal glyphs for lowercase characters or using small-caps glyphs
for lowercase characters.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, glyph, glyphRef, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-variant
The fontWeight attribute refers to the boldness or lightness of the glyphs
used to render the text, relative to other fonts in the same font family.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: altGlyph, altGlyphDef, altGlyphItem, glyph, glyphRef, text, textPath, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-weight
This attribute indicates the initial value of the attribute that will be
modified during the animation. When used with the to attribute, the
animation will change the modified attribute from the from value to the to
value.
Used by Elements: animate, animateColor, animateMotion, animateTransform
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/from
For the radialGradient element, this attribute defines the x-axis
coordinate of the focal point for the radial gradient.
If the attribute is not specified, it's assumed to be at the same place as the center point.
Used by Elements: radialGradient
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/
For the radialGradient element, this attribute defines the y-axis
coordinate of the focal point for the radial gradient.
If the attribute is not specified, it's assumed to be at the same place as the center point.
Used by Elements: radialGradient
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/
The gradientTransform attribute contains the definition of an optional additional transformation from the gradient coordinate system onto the target coordinate system (i.e., userSpaceOnUse or objectBoundingBox). This allows for things such as skewing the gradient. This additional transformation matrix is post-multiplied to (i.e., inserted to the right of) any previously defined transformations, including the implicit transformation necessary to convert from object bounding box units to user space.
Used by Elements: linearGradient, radialGradient
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/gradientTransform
The gradientUnits attribute defines the coordinate system for attributes
x1, y1, x2 and y2 on the linearGradient element or for attributes cx, cy,
r, fx, and fy on the radialGradient.
If the gradientUnits attribute isn't specified, then the effect is as if a
value of CoordinateSystemObjectBoundingBox were specified.
Used by Elements: linearGradient, radialGradient
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/gradientUnits
This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
This attribute must be specified except for the svg element where the
default value is 100% and the filter and mask elements where the default
value is 120%.
The imageRendering attribute provides a hint to the browser about how to
make speed vs. quality tradeoffs as it performs image processing.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.
Used by Elements: image
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/image-rendering
The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
The value of auto indicates that the user agent should adjust inter-glyph spacing based on kerning tables that are included in the font that will be used.
If a length is provided, then auto-kerning is disabled. Instead,
inter-character spacing is set to the given <length>. The most common
scenario, other than auto, is to set kerning to a value of 0 so that
auto-kerning is disabled.
If a length is provided without a unit identifier (e.g., an unqualified
number such as 128), the browser processes the length as a width value in
the current user coordinate system.
If a length is provided with a unit identifier (e.g., .25em or 1%), then
the browser converts the length into a corresponding value in the current
user coordinate system.
When a length is provided, its value is added to the inter-character
spacing value specified by the letter-spacing attribute.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css kerning for further information.
Used by Elements: altGlyph, altGlyphDef, glyph, glyphRef, textPath, text, tref, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning
The keySplines attribute define a set of Bézier control points associated with the keyTimes list, defining a cubic Bézier function that controls interval pacing.
Used by Elements: animate, animateColor, animateMotion, animateTransform
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keySplines
The keyTimes attribute is a semicolon-separated list of time values used
to control the pacing of the animation. Each time in the list corresponds to
a value in the values attribute list, and defines when the value is used in
the animation. Each time value in the keyTimes list is specified as a
floating point value between 0 and 1 (inclusive), representing a
proportional offset into the duration of the animation element.
If a list of keyTimes is specified, there must be exactly as many values in the keyTimes list as in the values list.
Each successive time value must be greater than or equal to the preceding time value.
Used by Elements: animate, animateColor, animateMotion, animateTransform
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keyTimes
When an SVG text or tspan element has a specific length set using the
textLength attribute, the lengthAdjust attribute controls how the text is
stretched or compressed into that length.
The two possible values for the attribute are LengthAdjustSpacing and
LengthAdjustSpacingAndGlyphs.
Using LengthAdjustSpacing (the default), the letter forms are preserved,
but the space between them grows or shrinks.
Using LengthAdjustSpacingAndGlyphs, the entire text element is stretched in
the direction of the text.
Used by Elements: text, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/lengthAdjust
The markerHeight represents the height of the viewport into which the
marker is to be fitted when it is rendered.
A value of zero disables rendering of the element.
If the attribute is not specified, the effect is as if a value of 3 were specified.
Used by Elements: marker
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/markerHeight
The markerUnits attribute defines the coordinate system for the attributes
markerWidth, markerHeight and the contents of the marker.
If the markerUnits attribute is not specified, then the effect is as if a
value of strokeWidth were specified.
Used by Elements: marker
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/markerUnits
The markerWidth represents the width of the viewport into which the
marker is to be fitted when it is rendered.
A value of zero disables rendering of the element.
If the attribute is not specified, the effect is as if a value of 3 were specified.
Used by Elements: marker
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/markerWidth
The maskContentUnits attribute defines the coordinate system for the
contents of the mask.
If the maskContentUnits attribute isn't specified, then the effect is as
if a value of CoordinateSystemUserSpaceOnUse were specified.
Note that values defined as a percentage inside the content of the mask
are not affected by this attribute. It means that even if you set the value
of maskContentUnits to CoordinateSystemObjectBoundingBox, percentage
values will be calculated as if the value of the attribute were
CoordinateSystemUserSpaceOnUse.
Used by Elements: mask
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/maskContentUnits
The maskUnits attribute defines the coordinate system for attributes x, y,
width and height.
If the maskUnits attribute isn't specified, then the effect is as if a
value of CoordinateSystemObjectBoundingBox were specified.
Used by Elements: mask
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/maskUnits
This attribute specifies the maximum value of the active duration.
The default value for max is 0. This does not constrain the active duration at all.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/max
This attribute specifies the minimum value of the active duration.
The default value for max is 0. This does not constrain the active duration at all.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/min
The overlinePosition attribute represents the ideal vertical position of
the overline. The overline position is expressed in the font's coordinate
system.
Used by Elements: fontFace
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/overlinePosition
The overlineThickness attribute represents the ideal thickness of
the overline. The overline position is expressed in the font's coordinate
system.
Used by Elements: fontFace
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/overlineThickness
NOTE: is this used as an attribute? elm-lang/svg seems to think so.
This attribute lets the author specify a total length for the path, in user units. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
Used by Elements: path
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength
The patternContentUnits attribute defines the coordinate system for the
contents of the pattern. Note that this attribute has no effect if
attribute viewBox is specified on the pattern element.
If the patternContentUnits attribute isn't specified, then the effect is
as if a value of CoordinateSystemUserSpaceOnUse were specified.
Used by Elements: pattern
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/patternContentUnits
The patternTransform attribute contains the definition of an optional
additional transformation from the pattern coordinate system onto the target
coordinate system. This allows for things such as skewing the pattern tiles.
This additional transformation matrix is post-multiplied to (i.e., inserted
to the right of) any previously defined transformations, including the
implicit transformation necessary to convert from object bounding box units
to user space.
If attribute patternTransform is not specified, then the effect is as if
an identity transform were specified.
Used by Elements: pattern
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/patternTransform
The patternUnits attribute defines the coordinate system for attributes
x, y, width and height.
If the patternUnits attribute isn't specified, then the effect is as if a
value of CoordinateSystemObjectBoundingBox were specified.
Used by Elements: pattern
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/patternUnits
The points attribute defines a list of points required to draw a polyline
or polygon element.
Each point is defined by an X and a Y coordinate (pair) in the user coordinate system.
Used by Elements: polyline, polygon
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/points
In some cases, typically when using the viewBox attribute, it is desirable
that the graphics stretch to fit non-uniformly to take up the entire
viewport. In other cases, it is desirable that uniform scaling be used for
the purposes of preserving the aspect ratio of the graphics.
Used by Elements: svg, symbol, image, feImage, marker, pattern, view
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio
The primitiveUnits attribute specifies the coordinate system for the
various length values within the filter primitives and for the attributes
that define the filter primitive subregion.
If the primitiveUnits attribute isn't specified, then the effect is as if
a value of CoordinateSystemUserSpaceOnUse were specified.
Used by Elements: filter
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/primitiveUnits
This attribute indicates the Float of times the animation will take place.
The Float can be a partial iteration, expressed as a fraction. Its value must be greater than 0.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/repeatCount
This attribute specifies the total duration for repeat.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/repeatDur
This attribute takes a list of feature strings. It determines whether or not all of the named features are supported by the browser; if all of them are supported, the attribute evaluates to true end the element is rendered; otherwise, the attribute evaluates to false and the current element and its children are skipped and thus will not be rendered. This provides a way to design SVG that gracefully falls back when features aren't available.
If the attribute is not present, then its implicit evaluated value is true.
If a null string or empty string value is given to attribute
requiredFeatures, the attribute is evaluate to false.
requiredFeatures is often used in conjunction with the switch element.
If requiredFeatures is used in other situations, it represents a simple
switch on the given element whether to render the element or not.
Used by Elements: a, altGlyph, animate, animateColor, animateMotion, animateTransform, circle, clipPath, cursor, defs, discard, ellipse, foreignObject, g, image, line, mask, mesh, mpath, path, pattern, polygon, polyline, rect, set, svg, switch, text, textPath, tref, tspan, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/requiredFeatures
This attribute indicates when animation can or can not restart.
Used by Elements: animate, animateColor, animateMotion, animateTransform, discard, mpath, set
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/restart
The creator of SVG content might want to provide a hint about what tradeoffs
to make as the browser renders path element or basic shapes. The
shape-rendering attribute provides these hints.
Used by Elements: circle, ellipse, line, mesh, path, polygon, polyline, rect, svg
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shapeRendering
The style attribute specifies style information for its element. It functions identically to the style attribute in HTML.
Used by Elements: a, altGlyph, altGlyphDef, altGlyphItem, circle, clipPath, defs, defs, ellipse, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feDiffuseLighting, feDisplacementMap, feDropShadow, feFlood, feFuncA, feFuncB, feFuncG, feFuncR, feGaussianBlur, feImage, feMerge, feMergeNode, feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence, filter, font, foreignObject, g, glyph, glyph, glyphRef, glyphRef, image, line, linearGradient, marker, mask, mesh, meshGradient, missingGlyph, path, pattern, polygon, polyline, radialGradient, rect, stop, svg, svg, switch, symbol, text, text, textPath, tref, tspan, use, use
TODO: easy use of a typed CSS library?
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/style
The textLength attribute is intended to preserve a span of SVG text's
display width across a variety of conditions, such as webfonts not loading.
Used by Elements: text, tspan
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/textLength
This attribute indicates the final value of the attribute that will be modified during the animation. The value of the attribute will change between the from attribute value and this value. By default the change will be linear.
When this attribute is used with the set element, it specifies the value
for the attribute during the duration of the set element.
Used by Elements: animate, animateColor, animateMotion, animateTransform
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/to
The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are applied from right to left.
Used by Elements: a, circle, clipPath, defs, ellipse, foreignObject, g, image, line, mesh, path, polygon, polyline, rect, switch, text, use, svg
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform
The underlinePosition attribute represents the ideal vertical position of the underline. The underline position is expressed in the font's coordinate system.
Used by Elements: fontFace
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/underline-position
The underlineThickness attribute represents the ideal thickness of the underline. The underline thickness is expressed in the font's coordinate system.
Used by Elements: fontFace
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/underline-thickness
The version attribute is used to indicate what specification a SVG document
conforms to. It is only allowed on the root svg element. It is purely
advisory and has no influence on rendering or processing.
While it is specified to accept any number, the only two valid choices are currently 1.0 and 1.1.
Used by Elements: svg
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/version
The viewBox attribute allows you to specify that a given set of graphics
stretch to fit a particular container element.
minX, minY, width and height specify a rectangle in user space
which should be mapped to the bounds of the viewport established by the
given element, taking into account attribute preserveAspectRatio.
Negative values for width or height are not permitted, and a value of
zero disables rendering of the element.
Used by Elements: svg, symbol, image, marker, pattern, view
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox
This attribute defines the x-axis coordinate of the start of a line or linearGradient.
If the attribute is not specified, the effect is as if a value of 0 (or 0%, in the case of a linearGradient) were specified.
Used by Elements: line, linearGradient
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x1
This attribute defines the x-axis coordinate of the end of a line or linearGradient.
If the attribute is not specified, the effect is as if a value of 0 (or 0%, in the case of a linearGradient) were specified.
Used by Elements: line, linearGradient
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x1
This attribute is provided for backwards compatibility with SVG 1.1. It provides documentation to XLink-aware processors. In case of a conflict, the target attribute has priority, since it can express a wider range of values.
Used by Elements: a, altGlyph, animate, animateColor, animateMotion, animateTransform, colorProfile, cursor, feImage, filter, fontFaceUri, glyphRef, image, linearGradient, mpath, pattern, radialGradient, script, set, textPath, tref, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlinkShow
The xlinkTitle attribute is used to describe the meaning of a link or
resource in a human-readable fashion, along the same lines as the xlinkRole
or xlinkArcrole attribute. It is a string that describes the resource.
In general it is preferable to use a title child element rather than a
xlinkTitle attribute.
Used by Elements: a, altGlyph, animate, animateColor, animateMotion, animateTransform, colorProfile, cursor, feImage, filter, fontFaceUri, glyphRef, image, linearGradient, mpath, pattern, radialGradient, script, set, textPath, tref, use
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlinkTitle
This attribute defines the y-axis coordinate of the start of a line or linearGradient.
If the attribute is not specified, the effect is as if a value of 0 (or 0%, in the case of a linearGradient) were specified.
Used by Elements: line, linearGradient
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y1
This attribute defines the y-axis coordinate of the end of a line or linearGradient.
If the attribute is not specified, the effect is as if a value of 0 (or 0%, in the case of a linearGradient) were specified.
Used by Elements: line, linearGradient
See: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y1
Defines a simple acceleration of time for the element. Element time will accelerate from a rate of 0 at the beginning up to a run rate, over the course of the specified proportion of the simple duration.
The default value is 0 (no acceleration).
Legal values for
rateare floating point values between 0 and 1 (inclusive).Used by Elements: animate, animateMotion
See https://www.w3.org/TR/smil/smil-timemanip.html#TimeManip-accelerateSyntax