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?: string
fillOpacity?: number
font?: string
fontFamily?: string
fontSize?: number
fontStyle?: FontStyle
fontWeight?: FontWeight
lineCap?: CanvasLineCap
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 )

lineDashOffset?: number
lineJoin?: CanvasLineJoin
lineWidth?: number
miterLimit?: number
opacity?: number
shadowBlur?: number
shadowColor?: string
shadowOffsetX?: number
shadowOffsetY?: number
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

strokeNoScale?: boolean
strokeOpacity?: number
strokePercent?: number

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

text?: string
textAlign?: CanvasTextAlign
textBaseline?: CanvasTextBaseline
x?: number
y?: number