feat: added option to fit the width, rather than the height, to Layer…

…edTranslator

src/lib/engines/layerCompositor/LayerCompositor.ts

@@ -94,13 +94,19 @@ export function makeColorMipmapAttachment(
   );
 }
 
+export enum ImageFitMode {
+  FitWidth = "fitWidth",
+  FitHeight = "fitHeight",
+}
+
 export class LayerCompositor {
   context: RenderingContext;
   layerImageCache: LayerImageMap = {};
   texImage2DPromiseCache: TexImage2DPromiseMap = {};
   #bufferGeometry: BufferGeometry;
   #program: Program;
   imageSize = new Vector2(0, 0);
+  imageFitMode: ImageFitMode = ImageFitMode.FitHeight;
   zoomScale = 1.0; // no zoom
   panPosition: Vector2 = new Vector2(0.5, 0.5); // center
   #layers: Layer[] = [];
@@ -232,7 +238,11 @@ export class LayerCompositor {
     const canvasSize = canvasFramebuffer.size;
     const canvasAspectRatio = canvasSize.width / canvasSize.height;
 
-    const imageToCanvasScale = canvasSize.height / this.imageSize.height;
+    const imageToCanvasScale =
+      this.imageFitMode === ImageFitMode.FitWidth
+        ? canvasSize.width / this.imageSize.width
+        : canvasSize.height / this.imageSize.height;
+
     const canvasImageSize = this.imageSize.clone().multiplyByScalar(imageToCanvasScale);
     const canvasImageCenter = canvasImageSize.clone().multiplyByScalar(0.5);