Interface TSpanStyleProps

interface TSpanStyleProps {
    blend?: string;
    decal?: PatternObject;
    fill?: string | PatternObject | LinearGradientObject | RadialGradientObject;
    fillOpacity?: number;
    font?: string;
    fontFamily?: string;
    fontSize?: number;
    fontStyle?: FontStyle;
    fontWeight?: FontWeight;
    lineCap?: CanvasLineCap;
    lineDash?: false | number[] | "solid" | "dashed" | "dotted";
    lineDashOffset?: number;
    lineJoin?: CanvasLineJoin;
    lineWidth?: number;
    miterLimit?: number;
    opacity?: number;
    shadowBlur?: number;
    shadowColor?: string;
    shadowOffsetX?: number;
    shadowOffsetY?: number;
    stroke?: string | PatternObject | LinearGradientObject | RadialGradientObject;
    strokeFirst?: boolean;
    strokeNoScale?: boolean;
    strokeOpacity?: number;
    strokePercent?: number;
    text?: string;
    textAlign?: CanvasTextAlign;
    textBaseline?: CanvasTextBaseline;
    x?: number;
    y?: number;
}

Hierarchy (view full)

Properties

blend? decal? fill? fillOpacity? font? fontFamily? fontSize? fontStyle? fontWeight? lineCap? lineDash? lineDashOffset? lineJoin? lineWidth? miterLimit? opacity? shadowBlur? shadowColor? shadowOffsetX? shadowOffsetY? stroke? strokeFirst? strokeNoScale? strokeOpacity? strokePercent? text? textAlign? textBaseline? x? y?

Properties

Optional blend

blend?: string

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation

Optional decal

decal?: PatternObject

Optional fill

fill?: string | PatternObject | LinearGradientObject | RadialGradientObject

Optional fillOpacity

fillOpacity?: number

Optional font

font?: string

Optional fontFamily

fontFamily?: string

Optional fontSize

fontSize?: number

Optional fontStyle

fontStyle?: FontStyle

Optional fontWeight

fontWeight?: FontWeight

Optional lineCap

lineCap?: CanvasLineCap

Optional lineDash

lineDash?: false | number[] | "solid" | "dashed" | "dotted"

true is not supported. false/null/undefined are the same. false is used to remove lineDash in some case that null/undefined can not be set. (e.g., emphasis.lineStyle in )

Optional lineDashOffset

lineDashOffset?: number

Optional lineJoin

lineJoin?: CanvasLineJoin

Optional lineWidth

lineWidth?: number

Optional miterLimit

miterLimit?: number

Optional opacity

opacity?: number

Optional shadowBlur

shadowBlur?: number

Optional shadowColor

shadowColor?: string

Optional shadowOffsetX

shadowOffsetX?: number

Optional shadowOffsetY

shadowOffsetY?: number

Optional stroke

stroke?: string | PatternObject | LinearGradientObject | RadialGradientObject

Optional strokeFirst

strokeFirst?: boolean

Paint order, if do stroke first. Similar to SVG paint-order https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/paint-order

Optional strokeNoScale

strokeNoScale?: boolean

Optional strokeOpacity

strokeOpacity?: number

Optional strokePercent

strokePercent?: number

Still experimental, not works weel on arc with edge cases(large angle).

Optional text

text?: string

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional x

x?: number

Optional y

y?: number

Settings

Member Visibility

Theme

On This Page