Fix Animated Circles

I wish I could add more information about why "northeast" and "tile" are required, but without them, you can't circle-crop an animated webp. Also simplified the mask SVG.
AlenVelocity · Jan 25, 2023 · 2744bc4 · 2744bc4
1 parent cf397b8
commit 2744bc4
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/internal/convert.ts b/src/internal/convert.ts
@@ -41,9 +41,11 @@ const convert = async (
         }).composite([
             {
                 input: Buffer.from(
-                    `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="256" fill="${background}"/></svg>`
+                    `<svg><circle cx="256" cy="256" r="256" fill="${background}"/></svg>`
                 ),
-                blend: 'dest-in'
+                blend: 'dest-in',
+                gravity: 'northeast',
+                tile: true
             }
         ])
     }