Update app.py

app.py

@@ -1,40 +1,31 @@
 import streamlit as st
 import svgwrite
-from PIL import Image
-from io import BytesIO
 
+def apply_circle_mask(image_path):
+    # Load image
+    image = svgwrite.Drawing('output.svg')
+    image.add(image.image(href=image_path, size=("100%", "100%")))
+    
+    # Add circular mask
+    width, height = image.viewbox[2:]
+    half_x, half_y = width/2, height/2
+    line_color = "white"
+    mask = image.defs.add(image.mask(id="bg_wrapper"))
+    mask.add(image.circle(center=(half_x, half_y), r=335, fill=line_color, opacity=".4"))
+    image.add(image.image(href=image_path, size=("100%", "100%"), mask="url(#bg_wrapper)"))
 
-def draw_card(card_width, card_height, background):
-    dwg = svgwrite.Drawing(size=(f"{card_width}px", f"{card_height}px"))
-    dwg.add(dwg.rect((0, 0), (card_width, card_height), rx=10, ry=10, fill=background, stroke="black", stroke_width=2))
+    return image.tostring()
 
-    # Create a mask
-    mask = dwg.defs.add(dwg.mask(id="bg_wrapper"))
-    mask.add(dwg.circle(center=(card_width/2, card_height/2), r=card_width/2, fill="white"))
-    mask.add(dwg.image(href=background, size=(card_width, card_height)))
+# Streamlit app
+st.title("Circular Image Mask")
 
-    # Add an image using the mask
-    dwg.add(dwg.image(href=background, size=(card_width, card_height), mask="url(#bg_wrapper)"))
+uploaded_file = st.file_uploader("Choose an image...", type=["jpg", "jpeg", "png"])
 
-    return dwg.tostring()
-
-def main():
-    st.set_page_config(page_title="Card Evolution Game", page_icon=":hearts:")
-    card_width, card_height = 100, 150
-    uploaded_file = st.sidebar.file_uploader("Upload Card Background Image", type=["png", "jpg", "jpeg"])
-    if uploaded_file is not None:
-        image = Image.open(uploaded_file)
-        image = image.resize((card_width, card_height))
-        img_bytes = BytesIO()
-        image.save(img_bytes, format="PNG")
-        img_data = img_bytes.getvalue()
-        img_href = "data:image/png;base64," + img_data.hex()
-        st.write(f'<img src="{img_href}">', unsafe_allow_html=True)
-        card_svg = draw_card(card_width, card_height, img_href)
-        svg_content = '<?xml version="1.0" encoding="utf-8" ?>' + card_svg
-        st.download_button("Download Card as SVG", svg_content, "card.svg", "text/plain")
-    else:
-        st.warning("Please upload a card background image")
-
-if __name__ == '__main__':
-    main()
+if uploaded_file is not None:
+    # Save uploaded image to file
+    with open("image.jpg", "wb") as f:
+        f.write(uploaded_file.getbuffer())
+    
+    # Apply circular mask and display result
+    output_svg = apply_circle_mask("image.jpg")
+    st.image(output_svg, output_format="SVG")