feat: apply white background to transparent PNG > JPG conversion if options.fileType is image/jpeg or image/jpg

Author: Donaldcwl

lib/image-compression.js

@@ -45,7 +45,7 @@ export default async function compress(file, options, previousProgress = 0) {
   incProgress();
 
   // drawFileInCanvas
-  const [, origCanvas] = await drawFileInCanvas(file);
+  const [, origCanvas] = await drawFileInCanvas(file, options);
 
   incProgress();
 

lib/index.d.ts

@@ -29,7 +29,7 @@ declare namespace imageCompression {
     function getFilefromDataUrl(dataUrl: string, filename: string, lastModified?: number): Promise<File>;
     function loadImage(src: string): Promise<HTMLImageElement>;
     function drawImageInCanvas(img: HTMLImageElement, fileType?: string): HTMLCanvasElement;
-    function drawFileInCanvas(file: File): Promise<[ImageBitmap | HTMLImageElement, HTMLCanvasElement]>;
+    function drawFileInCanvas(file: File, options?: Options): Promise<[ImageBitmap | HTMLImageElement, HTMLCanvasElement]>;
     function canvasToFile(canvas: HTMLCanvasElement, fileType: string, fileName: string, fileLastModified: number, quality?: number): Promise<File>;
     function getExifOrientation(file: File): Promise<number>;
 }

lib/utils.js

@@ -212,7 +212,7 @@ export function isIOS() {
  * @param {File | Blob} file
  * @returns {Promise<[ImageBitmap | HTMLImageElement, HTMLCanvasElement | OffscreenCanvas]>}
  */
-export async function drawFileInCanvas(file) {
+export async function drawFileInCanvas(file, options = {}) {
   let img;
   try {
     if (isIOS()) {
@@ -233,7 +233,7 @@ export async function drawFileInCanvas(file) {
       throw e2;
     }
   }
-  const canvas = drawImageInCanvas(img, file.type);
+  const canvas = drawImageInCanvas(img, options.fileType || file.type);
   return [img, canvas];
 }