canvas-img-sequence v1.0.2

Usage

Setup:

  import { CanvasImgSequence } from "canvas-img-sequence";

  const config = {
      width: 1080,
      height: 1920,
      observer: true,
      images: [
        "/someimagesequenc-001.jpg",
        "/someimagesequenc-002.jpg",
        "/someimagesequenc-003.jpg",
        "/someimagesequenc-004.jpg",
        ...
        "/someimagesequenc-100.jpg"
      ]
  }

  const el = document.getElementByID("animated-canvas")

  const canvas = new CanvasImgSequence(el, config);

Animate: Just change the frame attr on the <div id="animated-canvas" frame=1 ></div>

const el = document.getElementByID("animated-canvas")

function animateCanvas(frame){
  setAttribute("frame", frame)
}