@sirhc77/canvas-math-kit
Version:
A lightweight, interactive canvas-based vector visualizer for math, linear algebra, and ML education. Built with React + TypeScript.
13 lines (12 loc) • 1.12 kB
TypeScript
export interface Point {
x: number;
y: number;
}
export declare function toCanvas(x: number, y: number, origin: Point, scale: number): Point;
export declare function drawGrid(ctx: CanvasRenderingContext2D, width: number, height: number, scale: number): void;
export declare function drawAxes(ctx: CanvasRenderingContext2D, width: number, height: number, origin: Point): void;
export declare function drawLine(ctx: CanvasRenderingContext2D, from: Point, to: Point, color: string, lineWidth: number): void;
export declare function drawArrowhead(ctx: CanvasRenderingContext2D, from: Point, to: Point, color: string): void;
export declare function drawCircle(ctx: CanvasRenderingContext2D, center: Point, radius: number, color: string): void;
export declare function drawParallelogram(ctx: CanvasRenderingContext2D, p0: Point, p1: Point, p2: Point, p3: Point, fillColor?: string, strokeColor?: string): void;
export declare function writeLabel(ctx: CanvasRenderingContext2D, text: string, x: number, y: number, font?: string, color?: string, textAlign?: CanvasTextAlign, textBaseline?: CanvasTextBaseline): void;