drawing utilities for HTML5 Canvas.
npm i @daeinc/drawthen,
import { ... } from "@daeinc/draw"import { ... } from "https://cdn.jsdelivr.net/npm/@daeinc/draw/dist/draw.esm.js"It uses two custom types, Pt and Pts, each representing number[] and Pt[].
import type { Pt, Pts } from "@daeinc/geom";const drawCircle: (ctx: CanvasRenderingContext2D, pt: Pt, diam: number) => void;const drawFillText: (
ctx: CanvasRenderingContext2D,
msg: string,
pt: Pt,
) => void;const drawLine: (ctx: CanvasRenderingContext2D, pt1: Pt, pt2: Pt) => void;const drawPath: (
ctx: CanvasRenderingContext2D,
path: Pts,
close?: boolean,
) => void;const drawSmoothPath: (ctx: CanvasRenderingContext2D, path: Pts) => void;Uses quadratic curves to smoothen hard edges of path. The input path is expected to be generated with generateSmoothPath() from another package @daeinc/geom.
MIT