Laminar
API
Generated with
Laminar/com.raquo.laminar/com.raquo.laminar.api/Laminar/svg

svg

com.raquo.laminar.api.Laminar.svg$
object svg extends SvgTags, SvgAttrs, ComplexSvgKeys

Attributes

Graph
Supertypes
trait SvgAttrs
trait SvgTags
class Object
trait Matchable
class Any
Show all
Self type
svg.type

Members list

Value members

Deprecated methods

def customEventProp[Ev <: Event](key: String): EventProp[Ev]

Attributes

Deprecated
true
def customSvgAttr[V](key: String, codec: Codec[V, String], namespace: Option[String]): SvgAttr[V]

Attributes

Deprecated
true
def customSvgTag[Ref <: Element](tagName: String): SvgTag[Ref]

Attributes

Deprecated
true

Inherited methods

protected def doubleSvgAttr(name: String): SvgAttr[Double]

Attributes

Inherited from:
SvgAttrs
protected def intSvgAttr(name: String): SvgAttr[Int]

Attributes

Inherited from:
SvgAttrs
protected def stringSvgAttr(name: String, namespace: String): SvgAttr[String]

Attributes

Inherited from:
SvgAttrs
protected def stringSvgAttr(name: String): SvgAttr[String]

Attributes

Inherited from:
SvgAttrs
def svgAttr[V](name: String, codec: Codec[V, String], namespace: Option[String]): SvgAttr[V]

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

Inherited from:
SvgAttrs
def svgTag[Ref <: Element](name: String): SvgTag[Ref]

Create SVG tag

Create SVG tag

Note: this simply creates an instance of HtmlTag.

  • This does not create the element (to do that, call .apply() on the returned tag instance)

Type parameters

Ref
  • type of elements with this tag, e.g. dom.svg.Circle for "circle" tag

Value parameters

name
  • e.g. "circle"

Attributes

Inherited from:
SvgTags

Inherited fields

lazy val `type`: SvgAttr[String]
lazy val a: SvgTag[SVGAElement]

Represents a hyperlink, linking to another resource.

Represents a hyperlink, linking to another resource.

Attributes

See also
Inherited from:
SvgTags
lazy val accentHeight: SvgAttr[Double]

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

See also
Inherited from:
SvgAttrs
lazy val accumulate: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val additive: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val alignmentBaseline: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val altGlyph: SvgTag[SVGElement]

The altGlyph element allows sophisticated selection of the glyphs used to render its child character data.

The altGlyph element allows sophisticated selection of the glyphs used to render its child character data.

Attributes

See also
Inherited from:
SvgTags
lazy val altGlyphDef: SvgTag[SVGElement]

The altGlyphDef element defines a substitution representation for glyphs.

The altGlyphDef element defines a substitution representation for glyphs.

Attributes

See also
Inherited from:
SvgTags
lazy val altGlyphItem: SvgTag[SVGElement]

The altGlyphItem element provides a set of candidates for glyph substitution by the altGlyph element.

The altGlyphItem element provides a set of candidates for glyph substitution by the altGlyph element.

Attributes

See also
Inherited from:
SvgTags
lazy val animate: SvgTag[SVGElement]

The animate element is put inside a shape element and defines how an attribute of an element changes over the animation

The animate element is put inside a shape element and defines how an attribute of an element changes over the animation

Attributes

See also
Inherited from:
SvgTags
lazy val animateMotion: SvgTag[SVGElement]

The animateMotion element causes a referenced element to move along a motion path.

The animateMotion element causes a referenced element to move along a motion path.

Attributes

See also
Inherited from:
SvgTags
lazy val animateTransform: SvgTag[SVGElement]

The animateTransform element animates a transformation attribute on a target element, thereby allowing animations to control translation, scaling, rotation and/or skewing.

The animateTransform element animates a transformation attribute on a target element, thereby allowing animations to control translation, scaling, rotation and/or skewing.

Attributes

See also
Inherited from:
SvgTags
lazy val ascent: SvgAttr[Double]

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

See also
Inherited from:
SvgAttrs
lazy val attributeName: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val attributeType: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val azimuth: SvgAttr[Double]

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

See also
Inherited from:
SvgAttrs
lazy val baseFrequency: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val baselineShift: SvgAttr[String]

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 | | | inherit

Attributes

See also
Inherited from:
SvgAttrs
lazy val begin: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val bias: SvgAttr[Double]

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

See also
Inherited from:
SvgAttrs
lazy val calcMode: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val circle: SvgTag[SVGCircleElement]

The circle element is an SVG basic shape, used to create circles based on a center point and a radius.

The circle element is an SVG basic shape, used to create circles based on a center point and a radius.

Attributes

See also
Inherited from:
SvgTags
val className: CompositeSvgAttr

This attribute is a list of the classes of the element. Classes allow CSS and Javascript to select and access specific elements via the class selectors or functions like the DOM method document.getElementsByClassName

This attribute is a list of the classes of the element. Classes allow CSS and Javascript to select and access specific elements via the class selectors or functions like the DOM method document.getElementsByClassName

Attributes

Inherited from:
ComplexSvgKeys
lazy val clip: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val clipPathAttr: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val clipPathTag: SvgTag[SVGClipPathElement]

The clipping path restricts the region to which paint can be applied. Conceptually, any parts of the drawing that lie outside of the region bounded by the currently active clipping path are not drawn.

The clipping path restricts the region to which paint can be applied. Conceptually, any parts of the drawing that lie outside of the region bounded by the currently active clipping path are not drawn.

Attributes

See also
Inherited from:
SvgTags
lazy val clipPathUnits: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val clipRule: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
val cls: CompositeSvgAttr

Attributes

Inherited from:
ComplexSvgKeys
lazy val color: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val colorInterpolation: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val colorInterpolationFilters: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val colorProfileAttr: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val colorProfileTag: SvgTag[SVGElement]

The element allows describing the color profile used for the image.

The element allows describing the color profile used for the image.

Attributes

See also
Inherited from:
SvgTags
lazy val colorRendering: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val contentScriptType: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val contentStyleType: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val cursor: SvgTag[SVGElement]

The cursor element can be used to define a platform-independent custom cursor. A recommended approach for defining a platform-independent custom cursor is to create a PNG image and define a cursor element that references the PNG image and identifies the exact position within the image which is the pointer position (i.e., the hot spot).

The cursor element can be used to define a platform-independent custom cursor. A recommended approach for defining a platform-independent custom cursor is to create a PNG image and define a cursor element that references the PNG image and identifies the exact position within the image which is the pointer position (i.e., the hot spot).

Attributes

See also
Inherited from:
SvgTags
lazy val cursorAttr: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val cx: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val cy: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val d: SvgAttr[String]
lazy val defs: SvgTag[SVGDefsElement]

SVG allows graphical objects to be defined for later reuse. It is recommended that, wherever possible, referenced elements be defined inside of a defs element. Defining these elements inside of a defs element promotes understandability of the SVG content and thus promotes accessibility. Graphical elements defined in a defs will not be directly rendered. You can use a use element to render those elements wherever you want on the viewport.

SVG allows graphical objects to be defined for later reuse. It is recommended that, wherever possible, referenced elements be defined inside of a defs element. Defining these elements inside of a defs element promotes understandability of the SVG content and thus promotes accessibility. Graphical elements defined in a defs will not be directly rendered. You can use a use element to render those elements wherever you want on the viewport.

Attributes

See also
Inherited from:
SvgTags
lazy val desc: SvgTag[SVGDescElement]

Each container element or graphics element in an SVG drawing can supply a desc description string where the description is text-only. When the current SVG document fragment is rendered as SVG on visual media, desc elements are not rendered as part of the graphics. Alternate presentations are possible, both visual and aural, which display the desc element but do not display path elements or other graphics elements. The desc element generally improve accessibility of SVG documents

Each container element or graphics element in an SVG drawing can supply a desc description string where the description is text-only. When the current SVG document fragment is rendered as SVG on visual media, desc elements are not rendered as part of the graphics. Alternate presentations are possible, both visual and aural, which display the desc element but do not display path elements or other graphics elements. The desc element generally improve accessibility of SVG documents

Attributes

See also
Inherited from:
SvgTags
lazy val display: SvgAttr[String]
lazy val divisor: SvgAttr[String]
lazy val dur: SvgAttr[String]
lazy val dx: SvgAttr[String]
lazy val dy: SvgAttr[String]
lazy val ellipse: SvgTag[SVGEllipseElement]

The ellipse element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.

The ellipse element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.

Ellipses are unable to specify the exact orientation of the ellipse (if, for example, you wanted to draw an ellipse titled at a 45 degree angle), but can be rotated by using the transform attribute.

Attributes

See also
Inherited from:
SvgTags
lazy val end: SvgAttr[String]
lazy val feBlend: SvgTag[SVGFEBlendElement]

The feBlend filter composes two objects together ruled by a certain blending mode. This is similar to what is known from image editing software when blending two layers. The mode is defined by the mode attribute.

The feBlend filter composes two objects together ruled by a certain blending mode. This is similar to what is known from image editing software when blending two layers. The mode is defined by the mode attribute.

Attributes

See also
Inherited from:
SvgTags
lazy val feColorMatrix: SvgTag[SVGFEColorMatrixElement]

This filter changes colors based on a transformation matrix. Every pixel's color value (represented by an [R,G,B,A] vector) is matrix multiplied to create a new color.

This filter changes colors based on a transformation matrix. Every pixel's color value (represented by an [R,G,B,A] vector) is matrix multiplied to create a new color.

Attributes

See also
Inherited from:
SvgTags
lazy val feComponentTransfer: SvgTag[SVGComponentTransferFunctionElement]

The color of each pixel is modified by changing each channel (R, G, B, and A) to the result of what the children feFuncR, feFuncB, feFuncG, and feFuncA return.

The color of each pixel is modified by changing each channel (R, G, B, and A) to the result of what the children feFuncR, feFuncB, feFuncG, and feFuncA return.

Attributes

See also
Inherited from:
SvgTags
lazy val feComposite: SvgTag[SVGFECompositeElement]

This filter primitive performs the combination of two input images pixel-wise in image space using one of the Porter-Duff compositing operations: over, in, atop, out, xor. Additionally, a component-wise arithmetic operation (with the result clamped between [0..1]) can be applied.

This filter primitive performs the combination of two input images pixel-wise in image space using one of the Porter-Duff compositing operations: over, in, atop, out, xor. Additionally, a component-wise arithmetic operation (with the result clamped between [0..1]) can be applied.

Attributes

See also
Inherited from:
SvgTags
lazy val feConvolveMatrix: SvgTag[SVGFEConvolveMatrixElement]

the feConvolveMatrix element applies a matrix convolution filter effect. A convolution combines pixels in the input image with neighboring pixels to produce a resulting image. A wide variety of imaging operations can be achieved through convolutions, including blurring, edge detection, sharpening, embossing and beveling.

the feConvolveMatrix element applies a matrix convolution filter effect. A convolution combines pixels in the input image with neighboring pixels to produce a resulting image. A wide variety of imaging operations can be achieved through convolutions, including blurring, edge detection, sharpening, embossing and beveling.

Attributes

See also
Inherited from:
SvgTags
lazy val feDiffuseLighting: SvgTag[SVGFEDiffuseLightingElement]

This filter primitive lights an image using the alpha channel as a bump map. The resulting image, which is an RGBA opaque image, depends on the light color, light position and surface geometry of the input bump map.

This filter primitive lights an image using the alpha channel as a bump map. The resulting image, which is an RGBA opaque image, depends on the light color, light position and surface geometry of the input bump map.

Attributes

See also
Inherited from:
SvgTags
lazy val feDisplacementMap: SvgTag[SVGFEDisplacementMapElement]

This filter primitive uses the pixels values from the image from in2 to spatially displace the image from in.

This filter primitive uses the pixels values from the image from in2 to spatially displace the image from in.

Attributes

See also
Inherited from:
SvgTags
lazy val feDistantLighting: SvgTag[SVGFEDistantLightElement]

This filter primitive define a distant light source that can be used within a lighting filter primitive: feDiffuseLighting or feSpecularLighting.

This filter primitive define a distant light source that can be used within a lighting filter primitive: feDiffuseLighting or feSpecularLighting.

Attributes

See also
Inherited from:
SvgTags
lazy val feFlood: SvgTag[SVGFEFloodElement]

The filter fills the filter subregion with the color and opacity defined by flood-color and flood-opacity.

The filter fills the filter subregion with the color and opacity defined by flood-color and flood-opacity.

Attributes

See also
Inherited from:
SvgTags
lazy val feFuncA: SvgTag[SVGFEFuncAElement]

This filter primitive defines the transfer function for the alpha component of the input graphic of its parent feComponentTransfer element.

This filter primitive defines the transfer function for the alpha component of the input graphic of its parent feComponentTransfer element.

Attributes

See also
Inherited from:
SvgTags
lazy val feFuncB: SvgTag[SVGFEFuncBElement]

This filter primitive defines the transfer function for the blue component of the input graphic of its parent feComponentTransfer element.

This filter primitive defines the transfer function for the blue component of the input graphic of its parent feComponentTransfer element.

Attributes

See also
Inherited from:
SvgTags
lazy val feFuncG: SvgTag[SVGFEFuncGElement]

This filter primitive defines the transfer function for the green component of the input graphic of its parent feComponentTransfer element.

This filter primitive defines the transfer function for the green component of the input graphic of its parent feComponentTransfer element.

Attributes

See also
Inherited from:
SvgTags
lazy val feFuncR: SvgTag[SVGFEFuncRElement]

This filter primitive defines the transfer function for the red component of the input graphic of its parent feComponentTransfer element.

This filter primitive defines the transfer function for the red component of the input graphic of its parent feComponentTransfer element.

Attributes

See also
Inherited from:
SvgTags
lazy val feGaussianBlur: SvgTag[SVGFEGaussianBlurElement]

The filter blurs the input image by the amount specified in stdDeviation, which defines the bell-curve.

The filter blurs the input image by the amount specified in stdDeviation, which defines the bell-curve.

Attributes

See also
Inherited from:
SvgTags
lazy val feImage: SvgTag[SVGFEImageElement]

The feImage filter fetches image data from an external source and provides the pixel data as output (meaning, if the external source is an SVG image, it is rasterize).

The feImage filter fetches image data from an external source and provides the pixel data as output (meaning, if the external source is an SVG image, it is rasterize).

Attributes

See also
Inherited from:
SvgTags
lazy val feMerge: SvgTag[SVGFEMergeElement]

The feMerge filter allows filter effects to be applied concurrently instead of sequentially. This is achieved by other filters storing their output via the result attribute and then accessing it in a feMergeNode child.

The feMerge filter allows filter effects to be applied concurrently instead of sequentially. This is achieved by other filters storing their output via the result attribute and then accessing it in a feMergeNode child.

Attributes

See also
Inherited from:
SvgTags
lazy val feMergeNode: SvgTag[SVGFEMergeNodeElement]

The feMergeNode takes the result of another filter to be processed by its parent feMerge.

The feMergeNode takes the result of another filter to be processed by its parent feMerge.

Attributes

See also
Inherited from:
SvgTags
lazy val feMorphology: SvgTag[SVGFEMorphologyElement]

This filter is used to erode or dilate the input image. It's usefulness lies especially in fattening or thinning effects.

This filter is used to erode or dilate the input image. It's usefulness lies especially in fattening or thinning effects.

Attributes

See also
Inherited from:
SvgTags
lazy val feOffset: SvgTag[SVGFEOffsetElement]

The input image as a whole is offset by the values specified in the dx and dy attributes. It's used in creating drop-shadows.

The input image as a whole is offset by the values specified in the dx and dy attributes. It's used in creating drop-shadows.

Attributes

See also
Inherited from:
SvgTags
lazy val feSpecularLighting: SvgTag[SVGFESpecularLightingElement]

This filter primitive lights a source graphic using the alpha channel as a bump map. The resulting image is an RGBA image based on the light color. The lighting calculation follows the standard specular component of the Phong lighting model. The resulting image depends on the light color, light position and surface geometry of the input bump map. The result of the lighting calculation is added. The filter primitive assumes that the viewer is at infinity in the z direction.

This filter primitive lights a source graphic using the alpha channel as a bump map. The resulting image is an RGBA image based on the light color. The lighting calculation follows the standard specular component of the Phong lighting model. The resulting image depends on the light color, light position and surface geometry of the input bump map. The result of the lighting calculation is added. The filter primitive assumes that the viewer is at infinity in the z direction.

Attributes

See also
Inherited from:
SvgTags
lazy val feTile: SvgTag[SVGFETileElement]

An input image is tiled and the result used to fill a target. The effect is similar to the one of a pattern.

An input image is tiled and the result used to fill a target. The effect is similar to the one of a pattern.

Attributes

See also
Inherited from:
SvgTags
lazy val feTurbulence: SvgTag[SVGFETurbulenceElement]

This filter primitive creates an image using the Perlin turbulence function. It allows the synthesis of artificial textures like clouds or marble.

This filter primitive creates an image using the Perlin turbulence function. It allows the synthesis of artificial textures like clouds or marble.

Attributes

See also
Inherited from:
SvgTags
lazy val fill: SvgAttr[String]
lazy val filter: SvgTag[SVGFilterElement]

The filter element serves as container for atomic filter operations. It is never rendered directly. A filter is referenced by using the filter attribute on the target SVG element.

The filter element serves as container for atomic filter operations. It is never rendered directly. A filter is referenced by using the filter attribute on the target SVG element.

Attributes

See also
Inherited from:
SvgTags
lazy val font: SvgTag[SVGElement]

The font element defines a font to be used for text layout.

The font element defines a font to be used for text layout.

Attributes

See also
Inherited from:
SvgTags
lazy val fontFace: SvgTag[SVGElement]

The font-face element corresponds to the CSS @font-face declaration. It defines a font's outer properties.

The font-face element corresponds to the CSS @font-face declaration. It defines a font's outer properties.

Attributes

See also
Inherited from:
SvgTags
lazy val fontFaceFormat: SvgTag[SVGElement]

The font-face-format element describes the type of font referenced by its parent font-face-uri.

The font-face-format element describes the type of font referenced by its parent font-face-uri.

Attributes

See also
Inherited from:
SvgTags
lazy val fontFaceName: SvgTag[SVGElement]

The font-face-name element points to a locally installed copy of this font, identified by its name.

The font-face-name element points to a locally installed copy of this font, identified by its name.

Attributes

See also
Inherited from:
SvgTags
lazy val fontFaceSrc: SvgTag[SVGElement]

The font-face-src element corresponds to the src property in CSS @font-face descriptions. It serves as container for font-face-name, pointing to locally installed copies of this font, and font-face-uri, utilizing remotely defined fonts.

The font-face-src element corresponds to the src property in CSS @font-face descriptions. It serves as container for font-face-name, pointing to locally installed copies of this font, and font-face-uri, utilizing remotely defined fonts.

Attributes

See also
Inherited from:
SvgTags
lazy val fontFaceUri: SvgTag[SVGElement]

The font-face-uri element points to a remote definition of the current font.

The font-face-uri element points to a remote definition of the current font.

Attributes

See also
Inherited from:
SvgTags
lazy val foreignObject: SvgTag[SVGElement]

The foreignObject element allows for inclusion of a foreign XML namespace which has its graphical content drawn by a different user agent. The included foreign graphical content is subject to SVG transformations and compositing.

The foreignObject element allows for inclusion of a foreign XML namespace which has its graphical content drawn by a different user agent. The included foreign graphical content is subject to SVG transformations and compositing.

Attributes

See also
Inherited from:
SvgTags
lazy val from: SvgAttr[String]
lazy val g: SvgTag[SVGGElement]

The g element is a container used to group objects. Transformations applied to the g element are performed on all of its child elements. Attributes applied are inherited by child elements. In addition, it can be used to define complex objects that can later be referenced with the use element.

The g element is a container used to group objects. Transformations applied to the g element are performed on all of its child elements. Attributes applied are inherited by child elements. In addition, it can be used to define complex objects that can later be referenced with the use element.

Attributes

See also
Inherited from:
SvgTags
lazy val glyph: SvgTag[SVGElement]

A glyph defines a single glyph in an SVG font.

A glyph defines a single glyph in an SVG font.

Attributes

See also
Inherited from:
SvgTags
lazy val glyphRef: SvgTag[SVGElement]

The glyphRef element provides a single possible glyph to the referencing altGlyph substitution.

The glyphRef element provides a single possible glyph to the referencing altGlyph substitution.

Attributes

See also
Inherited from:
SvgTags
lazy val height: SvgAttr[String]
lazy val hkern: SvgTag[SVGElement]

The horizontal distance between two glyphs can be fine-tweaked with an hkern Element. This process is known as Kerning.

The horizontal distance between two glyphs can be fine-tweaked with an hkern Element. This process is known as Kerning.

Attributes

See also
Inherited from:
SvgTags
lazy val href: SvgAttr[String]
lazy val idAttr: SvgAttr[String]
lazy val image: SvgTag[SVGImageElement]

The SVG Image Element (image) allows a raster image into be included in an SVG document.

The SVG Image Element (image) allows a raster image into be included in an SVG document.

Attributes

See also
Inherited from:
SvgTags
lazy val in: SvgAttr[String]
lazy val in2: SvgAttr[String]
lazy val k1: SvgAttr[Double]
lazy val k2: SvgAttr[Double]
lazy val k3: SvgAttr[Double]
lazy val k4: SvgAttr[Double]
lazy val kerning: SvgAttr[String]
lazy val line: SvgTag[SVGLineElement]

The line element is an SVG basic shape, used to create a line connecting two points.

The line element is an SVG basic shape, used to create a line connecting two points.

Attributes

See also
Inherited from:
SvgTags
lazy val linearGradient: SvgTag[SVGLinearGradientElement]

linearGradient lets authors define linear gradients to fill or stroke graphical elements.

linearGradient lets authors define linear gradients to fill or stroke graphical elements.

Attributes

See also
Inherited from:
SvgTags
lazy val local: SvgAttr[String]
lazy val marker: SvgTag[SVGMarkerElement]

The marker element defines the graphics that is to be used for drawing arrowheads or polymarkers on a given path, line, polyline or polygon element.

The marker element defines the graphics that is to be used for drawing arrowheads or polymarkers on a given path, line, polyline or polygon element.

Attributes

See also
Inherited from:
SvgTags
lazy val mask: SvgTag[SVGMaskElement]

In SVG, you can specify that any other graphics object or g element can be used as an alpha mask for compositing the current object into the background. A mask is defined with the mask element. A mask is used/referenced using the mask property.

In SVG, you can specify that any other graphics object or g element can be used as an alpha mask for compositing the current object into the background. A mask is defined with the mask element. A mask is used/referenced using the mask property.

Attributes

See also
Inherited from:
SvgTags
lazy val maskAttr: SvgAttr[String]
lazy val maxAttr: SvgAttr[String]
lazy val metadata: SvgTag[SVGMetadataElement]

Metadata is structured data about data. Metadata which is included with SVG content should be specified within metadata elements. The contents of the metadata should be elements from other XML namespaces such as RDF, FOAF, etc.

Metadata is structured data about data. Metadata which is included with SVG content should be specified within metadata elements. The contents of the metadata should be elements from other XML namespaces such as RDF, FOAF, etc.

Attributes

See also
Inherited from:
SvgTags
lazy val minAttr: SvgAttr[String]
lazy val missingGlyph: SvgTag[SVGElement]

The missing-glyph's content is rendered, if for a given character the font doesn't define an appropriate glyph.

The missing-glyph's content is rendered, if for a given character the font doesn't define an appropriate glyph.

Attributes

See also
Inherited from:
SvgTags
lazy val mode: SvgAttr[String]
lazy val mpath: SvgTag[SVGElement]

the mpath sub-element for the animateMotion element provides the ability to reference an external path element as the definition of a motion path.

the mpath sub-element for the animateMotion element provides the ability to reference an external path element as the definition of a motion path.

Attributes

See also
Inherited from:
SvgTags
lazy val opacity: SvgAttr[String]
lazy val order: SvgAttr[String]
lazy val orient: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val path: SvgTag[SVGPathElement]

The path element is the generic element to define a shape. All the basic shapes can be created with a path element.

The path element is the generic element to define a shape. All the basic shapes can be created with a path element.

Attributes

See also
Inherited from:
SvgTags
lazy val pattern: SvgTag[SVGPatternElement]

A pattern is used to fill or stroke an object using a pre-defined graphic object which can be replicated ("tiled") at fixed intervals in x and y to cover the areas to be painted. Patterns are defined using the pattern element and then referenced by properties fill and stroke on a given graphics element to indicate that the given element shall be filled or stroked with the referenced pattern.

A pattern is used to fill or stroke an object using a pre-defined graphic object which can be replicated ("tiled") at fixed intervals in x and y to cover the areas to be painted. Patterns are defined using the pattern element and then referenced by properties fill and stroke on a given graphics element to indicate that the given element shall be filled or stroked with the referenced pattern.

Attributes

See also
Inherited from:
SvgTags
lazy val points: SvgAttr[String]
lazy val polygon: SvgTag[SVGPolygonElement]

The polygon element defines a closed shape consisting of a set of connected straight line segments.

The polygon element defines a closed shape consisting of a set of connected straight line segments.

Attributes

See also
Inherited from:
SvgTags
lazy val polyline: SvgTag[SVGPolylineElement]

The polyline element is an SVG basic shape, used to create a series of straight lines connecting several points. Typically a polyline is used to create open shapes

The polyline element is an SVG basic shape, used to create a series of straight lines connecting several points. Typically a polyline is used to create open shapes

Attributes

See also
Inherited from:
SvgTags
lazy val r: SvgAttr[String]
lazy val radialGradient: SvgTag[SVGRadialGradientElement]

radialGradient lets authors define radial gradients to fill or stroke graphical elements.

radialGradient lets authors define radial gradients to fill or stroke graphical elements.

Attributes

See also
Inherited from:
SvgTags
lazy val radius: SvgAttr[String]
lazy val rect: SvgTag[SVGRectElement]

The rect element is an SVG basic shape, used to create rectangles based on the position of a corner and their width and height. It may also be used to create rectangles with rounded corners.

The rect element is an SVG basic shape, used to create rectangles based on the position of a corner and their width and height. It may also be used to create rectangles with rounded corners.

Attributes

See also
Inherited from:
SvgTags
lazy val refX: SvgAttr[String]

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

See also
Inherited from:
SvgAttrs
lazy val refY: SvgAttr[String]

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.

Attributes

See also
Inherited from:
SvgAttrs
lazy val restart: SvgAttr[String]
lazy val role: CompositeSvgAttr

Attributes

Inherited from:
ComplexSvgKeys
lazy val rx: SvgAttr[String]
lazy val ry: SvgAttr[String]
lazy val scale: SvgAttr[String]
lazy val seed: SvgAttr[Double]
lazy val set: SvgTag[SVGElement]

The set element provides a simple means of just setting the value of an attribute for a specified duration. It supports all attribute types, including those that cannot reasonably be interpolated, such as string and boolean values. The set element is non-additive. The additive and accumulate attributes are not allowed, and will be ignored if specified.

The set element provides a simple means of just setting the value of an attribute for a specified duration. It supports all attribute types, including those that cannot reasonably be interpolated, such as string and boolean values. The set element is non-additive. The additive and accumulate attributes are not allowed, and will be ignored if specified.

Attributes

See also
Inherited from:
SvgTags
lazy val stop: SvgTag[SVGStopElement]

The ramp of colors to use on a gradient is defined by the stop elements that are child elements to either the lineargradient element or the radialGradient element.

The ramp of colors to use on a gradient is defined by the stop elements that are child elements to either the lineargradient element or the radialGradient element.

Attributes

See also
Inherited from:
SvgTags
lazy val stroke: SvgAttr[String]
lazy val style: SvgAttr[String]
lazy val svg: SvgTag[SVGSVGElement]

When it is not the root element, the svg element can be used to nest a standalone SVG fragment inside the current document (which can be an HTML document). This standalone fragment has its own viewPort and its own coordinate system.

When it is not the root element, the svg element can be used to nest a standalone SVG fragment inside the current document (which can be an HTML document). This standalone fragment has its own viewPort and its own coordinate system.

Attributes

See also
Inherited from:
SvgTags
lazy val switch: SvgTag[SVGSwitchElement]

The switch element evaluates the requiredFeatures, requiredExtensions and systemLanguage attributes on its direct child elements in order, and then processes and renders the first child for which these attributes evaluate to true. All others will be bypassed and therefore not rendered. If the child element is a container element such as a g, then the entire subtree is either processed/rendered or bypassed/not rendered.

The switch element evaluates the requiredFeatures, requiredExtensions and systemLanguage attributes on its direct child elements in order, and then processes and renders the first child for which these attributes evaluate to true. All others will be bypassed and therefore not rendered. If the child element is a container element such as a g, then the entire subtree is either processed/rendered or bypassed/not rendered.

Attributes

See also
Inherited from:
SvgTags
lazy val symbol: SvgTag[SVGSymbolElement]

The symbol element is used to define graphical template objects which can be instantiated by a use element. The use of symbol elements for graphics that are used multiple times in the same document adds structure and semantics. Documents that are rich in structure may be rendered graphically, as speech, or as braille, and thus promote accessibility. note that a symbol element itself is not rendered. Only instances of a symbol element (i.e., a reference to a symbol by a use element) are rendered.

The symbol element is used to define graphical template objects which can be instantiated by a use element. The use of symbol elements for graphics that are used multiple times in the same document adds structure and semantics. Documents that are rich in structure may be rendered graphically, as speech, or as braille, and thus promote accessibility. note that a symbol element itself is not rendered. Only instances of a symbol element (i.e., a reference to a symbol by a use element) are rendered.

Attributes

See also
Inherited from:
SvgTags
lazy val target: SvgAttr[String]
lazy val targetX: SvgAttr[String]
lazy val targetY: SvgAttr[String]
lazy val text: SvgTag[SVGTextElement]

The text element defines a graphics element consisting of text. Note that it is possible to apply a gradient, pattern, clipping path, mask or filter to text.

The text element defines a graphics element consisting of text. Note that it is possible to apply a gradient, pattern, clipping path, mask or filter to text.

Attributes

See also
Inherited from:
SvgTags
lazy val textPath: SvgTag[SVGTextPathElement]

In addition to text drawn in a straight line, SVG also includes the ability to place text along the shape of a path element. To specify that a block of text is to be rendered along the shape of a path, include the given text within a textPath element which includes an xlink:href attribute with a reference to a path element.

In addition to text drawn in a straight line, SVG also includes the ability to place text along the shape of a path element. To specify that a block of text is to be rendered along the shape of a path, include the given text within a textPath element which includes an xlink:href attribute with a reference to a path element.

Attributes

See also
Inherited from:
SvgTags
lazy val titleTag: SvgTag[SVGTextPathElement]

Each container element or graphics element in an SVG drawing can supply a title description string where the description is text-only. When the current SVG document fragment is rendered as SVG on visual media, title elements are not rendered as part of the graphics. Alternate presentations are possible, both visual and aural, which display the title element but do not display path elements or other graphics elements. The title element generally improve accessibility of SVG documents.

Each container element or graphics element in an SVG drawing can supply a title description string where the description is text-only. When the current SVG document fragment is rendered as SVG on visual media, title elements are not rendered as part of the graphics. Alternate presentations are possible, both visual and aural, which display the title element but do not display path elements or other graphics elements. The title element generally improve accessibility of SVG documents.

Attributes

See also
Inherited from:
SvgTags
lazy val to: SvgAttr[String]
lazy val tpe: SvgAttr[String]

Attributes

Inherited from:
SvgAttrs
lazy val tref: SvgTag[SVGElement]

The textual content for a text can be either character data directly embedded within the text element or the character data content of a referenced element, where the referencing is specified with a tref element.

The textual content for a text can be either character data directly embedded within the text element or the character data content of a referenced element, where the referencing is specified with a tref element.

Attributes

See also
Inherited from:
SvgTags
lazy val tspan: SvgTag[SVGTSpanElement]

Within a text element, text and font properties and the current text position can be adjusted with absolute or relative coordinate values by including a tspan element.

Within a text element, text and font properties and the current text position can be adjusted with absolute or relative coordinate values by including a tspan element.

Attributes

See also
Inherited from:
SvgTags
lazy val typ: SvgAttr[String]

Attributes

Inherited from:
SvgAttrs
lazy val use: SvgTag[SVGUseElement]

The use element takes nodes from within the SVG document, and duplicates them somewhere else. The effect is the same as if the nodes were deeply cloned into a non-exposed DOM, and then pasted where the use element is, much like anonymous content and XBL. Since the cloned nodes are not exposed, care must be taken when using CSS to style a use element and its hidden descendants. CSS attributes are not guaranteed to be inherited by the hidden, cloned DOM unless you explicitly request it using CSS inheritance.

The use element takes nodes from within the SVG document, and duplicates them somewhere else. The effect is the same as if the nodes were deeply cloned into a non-exposed DOM, and then pasted where the use element is, much like anonymous content and XBL. Since the cloned nodes are not exposed, care must be taken when using CSS to style a use element and its hidden descendants. CSS attributes are not guaranteed to be inherited by the hidden, cloned DOM unless you explicitly request it using CSS inheritance.

Attributes

See also
Inherited from:
SvgTags
lazy val values: SvgAttr[String]
lazy val view: SvgTag[SVGViewElement]

A view is a defined way to view the image, like a zoom level or a detail view.

A view is a defined way to view the image, like a zoom level or a detail view.

Attributes

See also
Inherited from:
SvgTags
lazy val viewBox: SvgAttr[String]
lazy val vkern: SvgTag[SVGElement]

The vertical distance between two glyphs in top-to-bottom fonts can be fine-tweaked with an vkern Element. This process is known as Kerning.

The vertical distance between two glyphs in top-to-bottom fonts can be fine-tweaked with an vkern Element. This process is known as Kerning.

Attributes

See also
Inherited from:
SvgTags
lazy val width: SvgAttr[String]
lazy val x: SvgAttr[String]
lazy val x1: SvgAttr[String]
lazy val x2: SvgAttr[String]
lazy val xmlns: SvgAttr[String]
lazy val y: SvgAttr[String]
lazy val y1: SvgAttr[String]
lazy val y2: SvgAttr[String]
lazy val z: SvgAttr[String]
Generated with