SvgAttrs
Attributes
- Graph
-
- Supertypes
-
class Objecttrait Matchableclass Any
- Known subtypes
-
object svg.type
Members list
Value members
Concrete methods
Create SVG attribute (Note: for HTML attrs, use L.htmlAttr)
Create SVG attribute (Note: for HTML attrs, use L.htmlAttr)
Type parameters
- V
-
- value type for this attr in Scala
Value parameters
- codec
-
- used to encode V into String, e.g. StringAsIsCodec
- name
-
- name of the attribute, e.g. "value"
Attributes
Concrete fields
This attribute defines the distance from the origin to the top of accent characters, measured by a distance within the font coordinate system. If the attribute is not specified, the effect is as if the attribute were set to the value of the ascent attribute.
This attribute defines the distance from the origin to the top of accent characters, measured by a distance within the font coordinate system. If the attribute is not specified, the effect is as if the attribute were set to the value of the ascent attribute.
Value <number>
Attributes
This attribute controls whether or not the animation is cumulative. It is frequently useful for repeated animations to build upon the previous results, accumulating with each iteration. This attribute said to the animation if the value is added to the previous animated attribute's value on each iteration.
This attribute controls whether or not the animation is cumulative. It is frequently useful for repeated animations to build upon the previous results, accumulating with each iteration. This attribute said to the animation if the value is added to the previous animated attribute's value on each iteration.
Value none | sum
Attributes
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. This attribute said to the animation if their values are added to the original animated attribute's value.
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. This attribute said to the animation if their values are added to the original animated attribute's value.
Value replace | sum
Attributes
The alignment-baseline 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 alignment-baseline property. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css alignment-baseline for further information.
The alignment-baseline 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 alignment-baseline property. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css alignment-baseline for further information.
Value: auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | inherit
Attributes
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 vert-origin-y value for the corresponding font.
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 vert-origin-y value for the corresponding font.
Value <number>
Attributes
This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
Value <attributeName>
Attributes
This attribute specifies the namespace in which the target attribute and its associated values are defined.
This attribute specifies the namespace in which the target attribute and its associated values are defined.
Value CSS | XML | auto
Attributes
The azimuth attribute represent the direction angle for the light source on the XY plane (clockwise), in degrees from the x axis. If the attribute is not specified, then the effect is as if a value of 0 were specified.
The azimuth attribute represent the direction angle for the light source on the XY plane (clockwise), in degrees from the x axis. If the attribute is not specified, then the effect is as if a value of 0 were specified.
Value <number>
Attributes
The baseFrequency attribute represent The base frequencies parameter for the noise function of the <feturbulence>
primitive. If two <number>
s are provided, the first number represents a base frequency in the X direction and the second value represents a base frequency in the Y direction. If one number is provided, then that value is used for both X and Y. Negative values are forbidden. If the attribute is not specified, then the effect is as if a value of 0 were specified.
The baseFrequency attribute represent The base frequencies parameter for the noise function of the <feturbulence>
primitive. If two <number>
s are provided, the first number represents a base frequency in the X direction and the second value represents a base frequency in the Y direction. If one number is provided, then that value is used for both X and Y. Negative values are forbidden. If the attribute is not specified, then the effect is as if a value of 0 were specified.
Value <number-optional-number>
Attributes
The baseline-shift 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.
The baseline-shift 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.
Value auto | baseline | sup | sub |
Attributes
This attribute defines when an animation should begin. The attribute value is a semicolon separated list of values. The interpretation of a list of start times is detailed in the SMIL specification in "Evaluation of begin and end time lists". Each individual value can be one of the following: <offset-value>
, <syncbase-value>
, <event-value>
, <repeat-value>
, <accessKey-value>
, <wallclock-sync-value>
or the keyword indefinite.
This attribute defines when an animation should begin. The attribute value is a semicolon separated list of values. The interpretation of a list of start times is detailed in the SMIL specification in "Evaluation of begin and end time lists". Each individual value can be one of the following: <offset-value>
, <syncbase-value>
, <event-value>
, <repeat-value>
, <accessKey-value>
, <wallclock-sync-value>
or the keyword indefinite.
Value <begin-value-list>
Attributes
The bias attribute shifts the range of the filter. After applying the kernelMatrix of the <feConvolveMatrix>
element to the input image to yield a number and applied the divisor attribute, the bias attribute is added to each component. This allows representation of values that would otherwise be clamped to 0 or 1. If bias is not specified, then the effect is as if a value of 0 were specified.
The bias attribute shifts the range of the filter. After applying the kernelMatrix of the <feConvolveMatrix>
element to the input image to yield a number and applied the divisor attribute, the bias attribute is added to each component. This allows representation of values that would otherwise be clamped to 0 or 1. If bias is not specified, then the effect is as if a value of 0 were specified.
Value <number>
Attributes
This attribute specifies the interpolation mode for the 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.
This attribute specifies the interpolation mode for the 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.
Value discrete | linear | paced | spline
Attributes
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, see css clip for further information.
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, see css clip for further information.
Value auto | <shape> | inherit
Attributes
The clip-path attribute bind the element 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
The clip-path attribute bind the element 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
Value <FuncIRI> | none | inherit
Attributes
The clipPathUnits attribute defines the coordinate system for the contents of the <clipPath>
element. 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 objectBoundingBox, percentage values will be calculated as if the value of the attribute were userSpaceOnUse.
The clipPathUnits attribute defines the coordinate system for the contents of the <clipPath>
element. 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 objectBoundingBox, percentage values will be calculated as if the value of the attribute were userSpaceOnUse.
Value userSpaceOnUse | objectBoundingBox
Attributes
The clip-rule attribute only applies to graphics elements that are contained within a <clipPath>
element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath>
definitions.
The clip-rule attribute only applies to graphics elements that are contained within a <clipPath>
element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath>
definitions.
Value nonezero | evenodd | inherit
Attributes
The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color for further information.
The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color for further information.
Value <color> | inherit
Attributes
The color-interpolation 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 color-interpolation attribute on the child determines the type of blending, not the value of the color-interpolation on the parent. For gradients which make use of the xlink:href attribute to reference another gradient, the gradient uses the color-interpolation 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 color-interpolation attribute on the element being animated. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color-interpolation for further information
The color-interpolation 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 color-interpolation attribute on the child determines the type of blending, not the value of the color-interpolation on the parent. For gradients which make use of the xlink:href attribute to reference another gradient, the gradient uses the color-interpolation 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 color-interpolation attribute on the element being animated. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color-interpolation for further information
Value auto | sRGB | linearRGB | inherit
Attributes
The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects. Note that color-interpolation-filters has a different initial value than color-interpolation. color-interpolation-filters has an initial value of linearRGB, whereas color-interpolation has an initial value of sRGB. Thus, in the default case, filter effects operations occur in the linearRGB color space, whereas all other color interpolations occur by default in the sRGB color space. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color-interpolation-filters for further information
The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects. Note that color-interpolation-filters has a different initial value than color-interpolation. color-interpolation-filters has an initial value of linearRGB, whereas color-interpolation has an initial value of sRGB. Thus, in the default case, filter effects operations occur in the linearRGB color space, whereas all other color interpolations occur by default in the sRGB color space. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color-interpolation-filters for further information
Value auto | sRGB | linearRGB | inherit
Attributes
The color-profile 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, see css color-profile for further information.
The color-profile 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, see css color-profile for further information.
Value auto | sRGB | <name> | <IRI> | inherit
Attributes
The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations. color-rendering takes precedence over color-interpolation-filters. For example, assume color-rendering: optimizeSpeed and color-interpolation-filters: 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 color-interpolation-filters: linearRGB. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color-rendering for further information
The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations. color-rendering takes precedence over color-interpolation-filters. For example, assume color-rendering: optimizeSpeed and color-interpolation-filters: 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 color-interpolation-filters: linearRGB. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color-rendering for further information
Value auto | optimizeSpeed | optimizeQuality | inherit
Attributes
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 script that do not specify their own scripting language. The value content-type specifies a media type, per MIME Part Two: Media Types [RFC2046]. The default value is application/ecmascript
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 script that do not specify their own scripting language. The value content-type specifies a media type, per MIME Part Two: Media Types [RFC2046]. The default value is application/ecmascript
Value <content-type>
Attributes
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
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
Value <content-type>
Attributes
The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.This attribute behave exactly like the css cursor property except that if the browser suport the <cursor>
element, it should allow to use it with the <funciri>
notation. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css cursor for further information.
The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.This attribute behave exactly like the css cursor property except that if the browser suport the <cursor>
element, it should allow to use it with the <funciri>
notation. As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css cursor for further information.
Value auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help | inherit
Attributes
For the <circle>
and the <ellipse>
element, this attribute define the x-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.For the <radialGradient>
element, this attribute define the x-axis coordinate of the largest (i.e., outermost) circle for the radial gradient. The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle. If the attribute is not specified, the effect is as if a value of 50% were specified
For the <circle>
and the <ellipse>
element, this attribute define the x-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.For the <radialGradient>
element, this attribute define the x-axis coordinate of the largest (i.e., outermost) circle for the radial gradient. The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle. If the attribute is not specified, the effect is as if a value of 50% were specified
Value <coordinate>
Attributes
For the <circle>
and the <ellipse>
element, this attribute define the y-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.For the <radialGradient>
element, this attribute define the x-axis coordinate of the largest (i.e., outermost) circle for the radial gradient. The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle. If the attribute is not specified, the effect is as if a value of 50% were specified
For the <circle>
and the <ellipse>
element, this attribute define the y-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.For the <radialGradient>
element, this attribute define the x-axis coordinate of the largest (i.e., outermost) circle for the radial gradient. The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle. If the attribute is not specified, the effect is as if a value of 50% were specified
Value <coordinate>
Attributes
This attribute defines the orientation of the marker relative to the shape it is attached to.
This attribute defines the orientation of the marker relative to the shape it is attached to.
Value type: auto|auto-start-reverse|<angle>
; Default value: 0; Animatable: yes
Attributes
The refX attribute is used alongside the refY attribute to provide coordinates for the location on the marker where it will be joined to its markable element. Coordinates are relative to the marker's coordinate system (after application of the ‘viewBox’ and ‘preserveAspectRatio’ attributes), and not the markable element it is placed on.
The refX attribute is used alongside the refY attribute to provide coordinates for the location on the marker where it will be joined to its markable element. Coordinates are relative to the marker's coordinate system (after application of the ‘viewBox’ and ‘preserveAspectRatio’ attributes), and not the markable element it is placed on.
Attributes
The refY attribute is used alongside the refY attribute to provide coordinates for the location on the marker where it will be joined to its markable element. Coordinates are relative to the marker's coordinate system (after application of the ‘viewBox’ and ‘preserveAspectRatio’ attributes), and not the markable element it is placed on.
The refY attribute is used alongside the refY attribute to provide coordinates for the location on the marker where it will be joined to its markable element. Coordinates are relative to the marker's coordinate system (after application of the ‘viewBox’ and ‘preserveAspectRatio’ attributes), and not the markable element it is placed on.