Update app.py

app.py

@@ -400,10 +400,14 @@ with gr.Blocks(css=css) as demo:
                     BABYLON.Tools.CreateScreenshotUsingRenderTarget(BABYLON.Engine.LastCreatedScene.getEngine(), BABYLON.Engine.LastCreatedScene.activeCamera, 
                       { precision: 1.0 }, (durl) => { 
                         document.getElementById(\"img_out\").onload = function() {
+                          document.getElementById(\"svg_out\").firstChild.setAttribute(\"width\", document.getElementById(\"img_out\").width);
+                          document.getElementById(\"svg_out\").firstChild.setAttribute(\"height\", document.getElementById(\"img_out\").width);
+                          document.getElementById(\"svg_out\").firstChild.setAttribute(\"xlink:href\", durl);
+                        
                           document.getElementById(\"cnv_out\").width = document.getElementById(\"img_out\").width;
                           document.getElementById(\"cnv_out\").height = document.getElementById(\"img_out\").height;
-                          ctx.filter = \"blur(\" + BABYLON.Engine.LastCreatedScene.getNodes()[1].material.pointSize/Math.sqrt(2.0) + \"px)\";
-                          ctx.drawImage(img_out, 0, 0); 
+                          //ctx.filter = \"blur(\" + BABYLON.Engine.LastCreatedScene.getNodes()[1].material.pointSize/Math.sqrt(2.0) + \"px)\";
+                          ctx.drawImage(svg_out, 0, 0); 
                         }
                         document.getElementById(\"img_out\").src = durl; 
                       });
@@ -411,7 +415,11 @@ with gr.Blocks(css=css) as demo:
                   // https://forum.babylonjs.com/t/best-way-to-save-to-jpeg-snapshots-of-scene/17663/11
                 }
               });
-            '/>webgl2</a><br/><img src='' id='img_out'/><br/><canvas id='cnv_out'/>""")
+            '/>webgl2</a><br/><img src='' id='img_out'/><br/>
+            <svg id="svg_out" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+              <image x="0" y="0" width="5" height="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/>
+            </svg><br/>
+            <canvas id='cnv_out'/>""")
             render = gr.Button("Render")
     
     def on_submit(uploaded_video,model_type):