canvas2d-renderer.js

/* ---------------------------------------------------------------------------
** This software is in the public domain, furnished "as is", without technical
** support, and with no warranty, express or implied, as to its usefulness for
** any purpose.
**
** -------------------------------------------------------------------------*/

export class Canvas2DRenderer {
  ctx = null;

  constructor(canvas) {
    this.ctx = canvas.getContext("2d");
  }

  draw(frame) {
    requestAnimationFrame(() => {
      this.ctx.canvas.width = frame.displayWidth;
      this.ctx.canvas.height = frame.displayHeight;
      this.ctx.drawImage(frame, 0, 0, frame.displayWidth, frame.displayHeight);
      frame.close();
    });
  }

  drawText(text) {
    this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
    this.ctx.font = "16px Arial";
    this.ctx.textAlign = 'center'; 
    this.ctx.textBaseline = 'middle';
    this.ctx.fillStyle = 'black';        
    this.ctx.fillText(text, this.ctx.canvas.width/2, this.ctx.canvas.height/2);    
  }

  clear() {
    this.ctx.fillStyle = 'white';
    this.ctx.fillRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);    
  }
};