From 63c18f09fe5c3eefcbdff0890b3cd169be06c511 Mon Sep 17 00:00:00 2001
From: Artemis Tosini <me@artem.ist>
Date: Sun, 24 Sep 2023 05:10:44 +0000
Subject: [PATCH] Use a clipPath instead of mask for image, fixes issue with
 PNGs

---
 common.typ |  1 -
 format.py  | 10 +++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/common.typ b/common.typ
index 67568f0..e82efbb 100644
--- a/common.typ
+++ b/common.typ
@@ -58,7 +58,6 @@
     width: width,
     height: height,
     breakable: false,
-    fill: luma(240),
     address_content(width, height, card)
   )
 }
diff --git a/format.py b/format.py
index 64af6b3..20c14dd 100755
--- a/format.py
+++ b/format.py
@@ -43,11 +43,11 @@ def get_avatar(url: str) -> str:
         return ""
 
     svg_text = f"""<svg viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-        <mask id="circle" width="480" height="480">
-            <circle cx="240" cy="240" r="240" fill="white"></circle>
-        </mask>
-        <image width="480" height="480" mask="url(#circle)"
-            xlink:href="data:;base64,{base64.b64encode(avatar_raster).decode("utf-8")}"></image>
+        <clipPath id="circle">
+            <circle cx="240" cy="240" r="240" />
+        </clipPath>
+        <image width="480" height="480" clip-path="url(#circle)"
+            xlink:href="data:;base64,{base64.b64encode(avatar_raster).decode("utf-8")}" />
     </svg>"""
 
     with open(f"cache/{name}.svg", "w") as svgfile: