Interface CanvasFillStrokeStyles

interface CanvasFillStrokeStyles {
    fillStyle: string | CanvasGradient | CanvasPattern;
    strokeStyle: string | CanvasGradient | CanvasPattern;
    createConicGradient(
        startAngle: number,
        x: number,
        y: number,
    ): CanvasGradient;
    createLinearGradient(
        x0: number,
        y0: number,
        x1: number,
        y1: number,
    ): CanvasGradient;
    createPattern(image: CanvasImageSource, repetition: string): CanvasPattern;
    createRadialGradient(
        x0: number,
        y0: number,
        r0: number,
        x1: number,
        y1: number,
        r1: number,
    ): CanvasGradient;
}

Hierarchy

CanvasFillStrokeStyles (View Summary)
- CanvasRenderingContext2D
- OffscreenCanvasRenderingContext2D

Index

Properties

fillStyle strokeStyle

Methods

createConicGradient createLinearGradient createPattern createRadialGradient

Properties

fillStyle

fillStyle: string | CanvasGradient | CanvasPattern

strokeStyle

strokeStyle: string | CanvasGradient | CanvasPattern

Methods

createConicGradient

createConicGradient(startAngle: number, x: number, y: number): CanvasGradient
MDN Reference
Parameters
- startAngle: number
- x: number
- y: number
Returns CanvasGradient

createLinearGradient

createLinearGradient(
    x0: number,
    y0: number,
    x1: number,
    y1: number,
): CanvasGradient
MDN Reference
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
Returns CanvasGradient

createPattern

createPattern(image: CanvasImageSource, repetition: string): CanvasPattern
MDN Reference
Parameters
- image: CanvasImageSource
- repetition: string
Returns CanvasPattern

createRadialGradient

createRadialGradient(
    x0: number,
    y0: number,
    r0: number,
    x1: number,
    y1: number,
    r1: number,
): CanvasGradient
MDN Reference
Parameters
- x0: number
- y0: number
- r0: number
- x1: number
- y1: number
- r1: number
Returns CanvasGradient