import type { NumberOrPercentage, RgbaColor } from '../type';
import type { ShallowRef } from 'vue';
export declare const roundToPixel: (coord: number, pixelSize: number) => number;
export declare function drawCircle(ctx: CanvasRenderingContext2D, centerX: number, centerY: number, radius: number, startRad: number | undefined, endRad: number | undefined, pixelSize: number): void;
export declare function drawSmoothCircle(ctx: CanvasRenderingContext2D, centerX: number, centerY: number, radius: number, startRad: number | undefined, endRad: number | undefined, pixelSize: number): void;
export type floodFillArgs = {
    x: number;
    y: number;
    width: number;
    height: number;
    fillColor: RgbaColor;
    targetColor: RgbaColor;
    pixels: number[];
};
export declare function floodFill(ctx: CanvasRenderingContext2D, startX: number, startY: number, fillColor: RgbaColor): void;
export declare const transformBorderRadiusSizeValue: (canvas: HTMLCanvasElement, value: NumberOrPercentage, pixelSize: number, direction?: "horizontal" | "vertical") => number;
export declare const getBorderRadius: (canvas: HTMLCanvasElement, pixelSize: number, borderRadius: NumberOrPercentage | NumberOrPercentage[] | undefined, shape: "rect" | "round" | "circle" | "square" | "default" | undefined, size?: "medium" | "small" | "large", inner?: boolean, first?: boolean, last?: boolean, direction?: "horizontal" | "vertical") => number[];
export declare function calcWhenLeaveBaseline(pixelSize: number, borderRadius: number): number;
export declare const calcPixelSize: () => number;
export declare const calcBorderCornerCenter: (borderRadius: number[], width: number, height: number, pixelSize: number, paddingX?: number, paddingY?: number) => [number, number][];
export declare const canvasPreprocess: (wrapperRef: ShallowRef<HTMLElement | null>, canvasRef: ShallowRef<HTMLCanvasElement | null>, paddingX?: number, paddingY?: number) => {
    ctx: CanvasRenderingContext2D;
    width: number;
    height: number;
    rect: DOMRect;
    canvas: HTMLCanvasElement;
    wrapper: HTMLElement;
} | undefined;
export declare function floodFillEdge(ctx: CanvasRenderingContext2D, startX: number, startY: number, fillColor: RgbaColor): [number, number][];
export declare function outerEdgePoints(ctx: CanvasRenderingContext2D): [number, number][];