fix: The output image is flipped when an ImageBitmap is passed in

bilibili · Nov 22, 2023 · 5ec3f05 · 5ec3f05
1 parent 08e0049
commit 5ec3f05
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/av-cliper/demo/chromakey.demo.ts b/packages/av-cliper/demo/chromakey.demo.ts
@@ -17,6 +17,7 @@ const ctx = cvs.getContext('2d', {
       spill: 0.05,
     })
     console.time('cost')
+    // ctx.drawImage(await chromakey(await createImageBitmap(img)), 0, 0, cvs.width, cvs.height)
     ctx.drawImage(await chromakey(img), 0, 0, cvs.width, cvs.height)
     console.timeEnd('cost')
   })()
diff --git a/packages/av-cliper/src/chromakey.ts b/packages/av-cliper/src/chromakey.ts
@@ -277,6 +277,8 @@ export const createChromakey = (
       return rs
     }
 
-    return createImageBitmap(cvs)
+    return createImageBitmap(cvs, {
+      imageOrientation: imgSource instanceof ImageBitmap ? 'flipY' : 'none'
+    })
   }
 }