feat: add more log in development env

Author: Donaldcwl

lib/utils.js

@@ -108,8 +108,6 @@ export function getBrowserName() {
  *
  * it uses binary search to converge below the browser's maximum Canvas size.
  *
- * ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas#maximum_canvas_size
- *
  * @param {number} initWidth
  * @param {number} initHeight
  * @returns {object}
@@ -220,8 +218,15 @@ export async function drawFileInCanvas(file) {
     if (process.env.BUILD === 'development') {
       console.error(e);
     }
-    const dataUrl = await getDataUrlFromFile(file);
-    img = await loadImage(dataUrl);
+    try {
+      const dataUrl = await getDataUrlFromFile(file);
+      img = await loadImage(dataUrl);
+    } catch (e2) {
+      if (process.env.BUILD === 'development') {
+        console.error(e2);
+      }
+      throw e2;
+    }
   }
   const canvas = drawImageInCanvas(img);
   return [img, canvas];