create-picture/index.d.ts

该组件提供了 Canvas 的图片绘制与文本绘制功能，使用同步的语法完成异步绘制，简化原生 canvas 绘制语法。

declare namespace CreatePicture{
    interface ConstructorProp{
        width?: number,
        height?: number,
    }
    interface shadowStyle{
        color?: undefined|string,
        blur?: undefined|number,
        offsetX?: undefined|number,
        offsetY?: undefined|number,
    }
    interface FontStyle{
        fontStyle?: string|number,
        fontVariant?: string|number,
        fontWeight?: string|number,
        fontSize?: number,
        lineHeight?: string|number,
        fontFamily?: string,
        left?: number,
        top?: number,
        maxWidth?: undefined|number,
        content: string,
        textAlign?: string,
        textBaseline?: string,
        direction?:string,
        color?: string,
        rotation?: number,
        width?: undefined|number,
        maxLength?: undefined|number,
        shadow?: undefined|boolean|shadowStyle,
    }
}

declare class CreatePicture{
    constructor(prop:CreatePicture.ConstructorProp);
    drawImage(image: any, dx: number, dy: number): void;
    drawImage(image: any, dx: number, dy: number, dw: number, dh: number): void;
    drawImage(image: any, sx: number, sy: number, sw: number|string, sh: number|string, dx: number, dy: number, dw: number, dh: number): void;
    drawRepeatImage(image: any, dx: number, dy: number, dw: number, dh: number): void;
    drawCirclePicture(image: any, dx: number, dy: number): void;
    drawCirclePicture(image: any, dx: number, dy: number, dw: number, dh: number): void;
    drawCirclePicture(image: any, sx: number, sy: number, sw: number|string, sh: number|string, dx: number, dy: number, dw: number, dh: number): void;
    drawText(prop: CreatePicture.FontStyle):number;
    getPicture(type?: string, quality?: any);
}

export default CreatePicture;