Update app.py

app.py

@@ -449,7 +449,10 @@ with gr.Blocks(css=css) as demo:
                   }
                 }
               }catch(e){alert(e);}
-              '>
+              ' onload='
+document.getElementById(\"image_edit\").getElementsByTagName(\"canvas\")[0].onclick = function(e) {
+alert((e.clientX-e.target.getBoundingClientRect().x)+\" \"+(e.clientY-e.target.getBoundingClientRect().y));
+}'>
                 <defs>
                   <linearGradient id='lg' x1='0%' x2='100%' y1='0%' y2='0%'>
                     <stop offset='0%' stop-color='white'/>
@@ -457,11 +460,7 @@ with gr.Blocks(css=css) as demo:
                   </linearGradient>
                 </defs>
                 <polyline id='pl' points='-3,0 0,15 255,15 258,0' stroke='url(#lg)' fill='none' stroke-width='3' stroke-linejoin='round'/>
-              </svg><script>
-document.getElementById('image_edit').getElementsByTagName('canvas')[0].onclick = function(e) {
-alert((e.clientX-e.target.getBoundingClientRect().x)+' '+(e.clientY-e.target.getBoundingClientRect().y));
-}
-              </script>""")
+              </svg>""")
             average = gr.HTML(value="""<label for='average'>Average</label><input id='average' type='range' style='width:256px;height:1em;' value='1' min='1' max='15' step='2' onclick='
               var pts_a = document.getElementsByTagName(\"textarea\")[1].value.split(\" \");
               for (var i=0; i<256; i++) {