add example image

myapp/app.py

@@ -36,7 +36,7 @@ with gr.Blocks() as demo:
 
         with gr.Column():
             output = gr.Image()
-            background = gr.Image(visible=False, type="filepath")
+            background = gr.Image("example.webp", visible=False, type="filepath")
             scale = gr.Slider(3, 15, 9, step=1, label="Scale")
 
             with gr.Row():
@@ -60,7 +60,7 @@ with gr.Blocks() as demo:
             matches = re.findall(r"\d+(?:\.\d+)?", value)
             r, g, b = map(int, map(float, matches[:3]))
 
-            return f"#{r:x}{g:x}{b:x}".upper()
+            return f"#{r:02X}{g:02X}{b:02X}"
 
         image = Image.open(data[background])
         qr_code = segno.make(data[text], error="h")
@@ -69,7 +69,7 @@ with gr.Blocks() as demo:
             write_artistic(
                 qr_code,
                 target=buffer,
-                background=image.fp,
+                background=image.filename,
                 kind=image.format,
                 scale=data[scale],
                 light=to_hex_format(data[color_light]),
@@ -93,6 +93,7 @@ with gr.Blocks() as demo:
 
     gr.on(
         [
+            demo.load,
             text.submit,
             background.change,
             scale.change,