Update app.py

app.py

@@ -2,6 +2,7 @@ import streamlit as st
 import svgwrite
 from PIL import Image
 import urllib.request
+from io import BytesIO
 
 DEFAULT_CARD_WIDTH = 75
 DEFAULT_CARD_HEIGHT = 100
@@ -24,9 +25,11 @@ def draw_card(background, suit, value, level, card_width, card_height):
         img = Image.open(background)
         print("Image opened successfully")
         img = img.resize((card_width, card_height))
-        img.save(background)
-        print("Image resized and saved successfully")
-        img = svgwrite.image.Image(href=background, size=(f"{card_width}px", f"{card_height}px"))
+        img_bytes = BytesIO()
+        img.save(img_bytes, format="PNG")
+        img_data = img_bytes.getvalue()
+        img_href = "data:image/png;base64," + img_data.hex()
+        img = svgwrite.image.Image(href=img_href, size=(f"{card_width}px", f"{card_height}px"))
         dwg.add(img)
 
     # Add suit and value labels
@@ -56,40 +59,25 @@ def display_size_selection(default_width, default_height):
     card_height = st.sidebar.slider("Card Height", min_value=75, max_value=200, value=default_height, step=5)
     return card_width, card_height
 
-def display_image_uploadold():
-    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.save("background.png")
-        return "background.png"
-    else:
-        return None
-
 def display_image_upload():
     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_name = uploaded_file.name
-        image.save(image_name)
-        return image_name
+        return image
     else:
         return None
 
-def display_card(selected_parts, selected_level, card_width, card_height, background):
-    card_svg = draw_card(background, selected_parts["suit"], selected_parts["value"], selected_level, card_width, card_height)
-    st.write(f'<svg viewBox="0 0 {card_width} {card_height}">{card_svg}</svg>', unsafe_allow_html=True)
-
-    # Create a download link for the card SVG
-    svg_content = '<?xml version="1.0" encoding="utf-8" ?>' + card_svg
-    st.download_button("Download Card as SVG", svg_content, "card.svg", "text/plain")
+# Create a download link for the card SVG
+svg_content = '<?xml version="1.0" encoding="utf-8" ?>' + card_svg
+st.download_button("Download Card as SVG", svg_content, "card.svg", "text/plain")
 
-    # Create button to level up card
-    if selected_level != "level 3":
-        if st.button("Level Up"):
-            current_level_index = list(LEVELS.keys()).index(selected_level)
-            new_level = list(LEVELS.keys())[current_level_index + 1]
-            selected_level = new_level
-            st.sidebar.warning(f"Card has been leveled up to {selected_level}")
+# Create button to level up card
+if selected_level != "level 3":
+    if st.button("Level Up"):
+        current_level_index = list(LEVELS.keys()).index(selected_level)
+        new_level = list(LEVELS.keys())[current_level_index + 1]
+        selected_level = new_level
+        st.sidebar.warning(f"Card has been leveled up to {selected_level}")
 
 st.set_page_config(page_title="Card Evolution Game", page_icon=":hearts:")
 
@@ -97,4 +85,8 @@ selected_parts = display_parts_selection()
 selected_level = display_level_selection()
 card_width, card_height = display_size_selection(DEFAULT_CARD_WIDTH, DEFAULT_CARD_HEIGHT)
 background = display_image_upload()
+
+if background is not None:
+    background = background.resize((card_width, card_height))
+
 display_card(selected_parts, selected_level, card_width, card_height, background)