Generate Canvas Image

What it does

generateCanvasImage captures the current canvas frame and saves it as a PNG. Use it in export triggers for both React Three Fiber (state.gl.domElement) and vanilla (renderer.domElement) workflows.

Usage

import { generateCanvasImage } from '@/utils/generate_canvas_image'
 
const handleExport = (canvas: HTMLCanvasElement) => {
  generateCanvasImage(canvas, 'bands')
}

Set includeTimestamp to false if you want deterministic filenames.

API reference