@idraw/util 0.2.0-alpha.2 → 0.2.0-alpha.23

package/dist/index.d.ts

@@ -1,10 +1,112 @@
+import { TypeBoardSizeOptions } from '@idraw/types';
+import { TypeContext } from '@idraw/types';
+
 declare function compose(middleware: Middleware[]): (context: any, next?: Middleware) => any;
 
+declare class Context implements TypeContext {
+    private _opts;
+    private _ctx;
+    private _transform;
+    constructor(ctx: CanvasRenderingContext2D, opts: Options);
+    getContext(): CanvasRenderingContext2D;
+    resetSize(opts: TypeBoardSizeOptions): void;
+    calcDeviceNum(num: number): number;
+    calcScreenNum(num: number): number;
+    getSize(): {
+        width: number;
+        height: number;
+        contextWidth: number;
+        contextHeight: number;
+        devicePixelRatio: number;
+    };
+    setTransform(config: Transform): void;
+    getTransform(): {
+        scale: number;
+        scrollX: number;
+        scrollY: number;
+    };
+    setFillStyle(color: string | CanvasPattern | CanvasGradient): void;
+    fill(fillRule?: CanvasFillRule | undefined): void;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean | undefined): void;
+    rect(x: number, y: number, w: number, h: number): void;
+    fillRect(x: number, y: number, w: number, h: number): void;
+    clearRect(x: number, y: number, w: number, h: number): void;
+    beginPath(): void;
+    closePath(): void;
+    lineTo(x: number, y: number): void;
+    moveTo(x: number, y: number): void;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    setLineWidth(w: number): number;
+    setLineDash(nums: number[]): void;
+    isPointInPath(x: number, y: number): boolean;
+    isPointInPathWithoutScroll(x: number, y: number): boolean;
+    setStrokeStyle(color: string): void;
+    stroke(): void;
+    translate(x: number, y: number): void;
+    rotate(angle: number): void;
+    drawImage(...args: any[]): void;
+    createPattern(image: CanvasImageSource, repetition: string | null): CanvasPattern | null;
+    measureText(text: string): TextMetrics;
+    setTextAlign(align: CanvasTextAlign): void;
+    fillText(text: string, x: number, y: number, maxWidth?: number | undefined): void;
+    strokeText(text: string, x: number, y: number, maxWidth?: number | undefined): void;
+    setFont(opts: {
+        fontSize: number;
+        fontFamily?: string;
+        fontWeight?: 'bold';
+    }): void;
+    setTextBaseline(baseline: CanvasTextBaseline): void;
+    setGlobalAlpha(alpha: number): void;
+    save(): void;
+    restore(): void;
+    scale(ratioX: number, ratioY: number): void;
+    setShadowColor(color: string): void;
+    setShadowOffsetX(offsetX: number): void;
+    setShadowOffsetY(offsetY: number): void;
+    setShadowBlur(blur: number): void;
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean | undefined): void;
+    private _doSize;
+    private _doX;
+    private _doY;
+}
+
 declare function createUUID(): string;
 
 declare function deepClone(target: any): any;
 
 declare const _default: {
+    is: {
+        x: (value: any) => boolean;
+        y: (value: any) => boolean;
+        w: (value: any) => boolean;
+        h: (value: any) => boolean;
+        angle: (value: any) => boolean;
+        number: (value: any) => boolean;
+        borderWidth: (value: any) => boolean;
+        borderRadius: (value: any) => boolean;
+        color: (value: any) => boolean;
+        imageSrc: (value: any) => boolean;
+        imageURL: (value: any) => boolean;
+        imageBase64: (value: any) => boolean;
+        svg: (value: any) => boolean;
+        html: (value: any) => boolean;
+        text: (value: any) => boolean;
+        fontSize: (value: any) => boolean;
+        lineHeight: (value: any) => boolean;
+        textAlign: (value: any) => boolean;
+        fontFamily: (value: any) => boolean;
+        fontWeight: (value: any) => boolean;
+        strokeWidth: (value: any) => boolean;
+    };
+    check: {
+        attrs: (attrs: any) => boolean;
+        textDesc: (desc: any) => boolean;
+        rectDesc: (desc: any) => boolean;
+        circleDesc: (desc: any) => boolean;
+        imageDesc: (desc: any) => boolean;
+        svgDesc: (desc: any) => boolean;
+        htmlDesc: (desc: any) => boolean;
+    };
     time: {
         delay: typeof delay;
         compose: typeof compose;
@@ -37,12 +139,11 @@ declare const _default: {
         undefined(data: any): boolean;
         null(data: any): boolean;
         promise(data: any): boolean;
-        nodeList(data: any): boolean;
-        imageData(data: any): boolean;
     };
     data: {
         deepClone: typeof deepClone;
     };
+    Context: typeof Context;
 };
 export default _default;
 
@@ -68,10 +169,24 @@ declare function loadSVG(svg: string): Promise<HTMLImageElement>;
 
 declare type Middleware = (ctx: any, next: Middleware) => any;
 
+declare type Options = {
+    width: number;
+    height: number;
+    contextWidth: number;
+    contextHeight: number;
+    devicePixelRatio: number;
+};
+
 declare function throttle(fn: (...args: any[]) => any, timeout: number): (...args: any[]) => any;
 
 declare function toColorHexNum(color: string): number;
 
 declare function toColorHexStr(color: number): string;
 
+declare type Transform = {
+    scale?: number;
+    scrollX?: number;
+    scrollY?: number;
+};
+
 export { }