Interface PathStyleProps

interface PathStyleProps {
    blend?: string;
    decal?: PatternObject;
    fill?: string | PatternObject | LinearGradientObject | RadialGradientObject;
    fillOpacity?: number;
    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;
}

Hierarchy (view full)

Properties

blend? decal? fill? fillOpacity? lineCap? lineDash? lineDashOffset? lineJoin? lineWidth? miterLimit? opacity? shadowBlur? shadowColor? shadowOffsetX? shadowOffsetY? stroke? strokeFirst? strokeNoScale? strokeOpacity? strokePercent?

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 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).

Settings

Member Visibility

Theme

On This Page