Interface SVGAttributes

A more specific representation of the attributes that are permitted on SVG elements.

See

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute The value of all attributes MUST be string.

interface SVGAttributes {
    class?: string;
    clip-rule?: "nonzero" | "evenodd" | "inherit";
    cx?: string;
    cy?: string;
    d?: string;
    direction?: "ltr" | "rtl";
    dominant-baseline?:
        | "middle"
        | "auto"
        | "text-bottom"
        | "alphabetic"
        | "ideographic"
        | "central"
        | "mathematical"
        | "hanging"
        | "text-top";
    dx?: string;
    dy?: string;
    fill?: string;
    fill-opacity?: string;
    font-family?: string;
    font-size?: string;
    font-style?: "normal" | "italic" | "oblique";
    font-weight?: string;
    fx?: string;
    fy?: string;
    gradientUnits?: "userSpaceOnUse" | "objectBoundingBox";
    height?: string;
    href?: string;
    id?: string;
    line-height?: string;
    offset?: string;
    opacity?: string;
    r?: string;
    spreadMethod?: "pad" | "reflect" | "repeat";
    stop-color?: string;
    stop-opacity?: string;
    stroke?: string;
    stroke-dasharray?: string;
    stroke-dashoffset?: string;
    stroke-linecap?: "butt" | "round" | "square";
    stroke-linejoin?:
        | "round"
        | "arcs"
        | "bevel"
        | "miter"
        | "miter-clip";
    stroke-miterlimit?: string;
    stroke-opacity?: string;
    stroke-width?: string;
    text-anchor?: "start" | "middle" | "end";
    text-decoration?: string;
    transform?: string;
    vector-effect?:
        | "non-scaling-stroke"
        | "non-scaling-size"
        | "non-rotation"
        | "fixed-position"
        | "none";
    visibility?: "hidden" | "visible" | "collapse";
    width?: string;
    x?: string;
    x1?: string;
    x2?: string;
    y?: string;
    y1?: string;
    y2?: string;
    [name: string]: string;
}

Indexable

  • [name: string]: string

Properties

class? clip-rule? cx? cy? d? direction? dominant-baseline? dx? dy? fill? fill-opacity? font-family? font-size? font-style? font-weight? fx? fy? gradientUnits? height? href? id? line-height? offset? opacity? r? spreadMethod? stop-color? stop-opacity? stroke? stroke-dasharray? stroke-dashoffset? stroke-linecap? stroke-linejoin? stroke-miterlimit? stroke-opacity? stroke-width? text-anchor? text-decoration? transform? vector-effect? visibility? width? x? x1? x2? y? y1? y2?

Properties

Optionalclass

class?: string

Optionalclip-rule

clip-rule?: "nonzero" | "evenodd" | "inherit"

Optionalcx

cx?: string

Optionalcy

cy?: string

Optionald

d?: string

Defines the path to be drawn as a list of path commands and their parameters.

Optionaldirection

direction?: "ltr" | "rtl"

Optionaldominant-baseline

dominant-baseline?:
    | "middle"
    | "auto"
    | "text-bottom"
    | "alphabetic"
    | "ideographic"
    | "central"
    | "mathematical"
    | "hanging"
    | "text-top"

See

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline

Optionaldx

dx?: string

Optionaldy

dy?: string

Optionalfill

fill?: string

Optionalfill-opacity

fill-opacity?: string

Optionalfont-family

font-family?: string

Optionalfont-size

font-size?: string

Optionalfont-style

font-style?: "normal" | "italic" | "oblique"

Optionalfont-weight

font-weight?: string

Optionalfx

fx?: string

Optionalfy

fy?: string

OptionalgradientUnits

gradientUnits?: "userSpaceOnUse" | "objectBoundingBox"

Optionalheight

height?: string

Optionalhref

href?: string

Optionalid

id?: string

Optionalline-height

line-height?: string

Optionaloffset

offset?: string

TODO: offset is not a documented SVG attribute. How do we account for it?

Optionalopacity

opacity?: string

Optionalr

r?: string

OptionalspreadMethod

spreadMethod?: "pad" | "reflect" | "repeat"

Optionalstop-color

stop-color?: string

Optionalstop-opacity

stop-opacity?: string

Optionalstroke

stroke?: string

Optionalstroke-dasharray

stroke-dasharray?: string

Optionalstroke-dashoffset

stroke-dashoffset?: string

Optionalstroke-linecap

stroke-linecap?: "butt" | "round" | "square"

Optionalstroke-linejoin

stroke-linejoin?:
    | "round"
    | "arcs"
    | "bevel"
    | "miter"
    | "miter-clip"

Optionalstroke-miterlimit

stroke-miterlimit?: string

Optionalstroke-opacity

stroke-opacity?: string

Optionalstroke-width

stroke-width?: string

Optionaltext-anchor

text-anchor?: "start" | "middle" | "end"

Optionaltext-decoration

text-decoration?: string

Optionaltransform

transform?: string

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform

Optionalvector-effect

vector-effect?:
    | "non-scaling-stroke"
    | "non-scaling-size"
    | "non-rotation"
    | "fixed-position"
    | "none"

Optionalvisibility

visibility?: "hidden" | "visible" | "collapse"

Optionalwidth

width?: string

Optionalx

x?: string

Optionalx1

x1?: string

Optionalx2

x2?: string

Optionaly

y?: string

Optionaly1

y1?: string

Optionaly2

y2?: string

Settings

Member Visibility

On This Page

Properties