Basic logic demo of drawing

demo.ts

const ctx = canvas.getContext('2d')
const draw = () => {
    drawObjects.forEach((obj: DrawObject) => {
      obj.draw(ctx)
    })
    requestAnimationFrame(draw)
}
requestAnimationFrame(draw)

draw_object.ts

class DrawObject {
    draw(ctx: CanvasRenderingContext2D) {
        if (this.points.length < 2) {
            return;
        }
        ctx.beginPath();
        ctx.moveTo(this.points[0][0], this.points[0][1]);
        this.points.forEach((point: number[], idx: number) {
            if (idx === 0) {
                return
            }
      
            ctx.lineTo(point[0], point[1])
        })
        ctx.stroke()
    }
}