Update app.py

app.py

@@ -361,13 +361,23 @@ with gr.Blocks(css=css) as demo:
                     pts += i+\",\"+parseInt(Math.sin(i/256*Math.PI/2)*15)+\" \";
                   }
                   document.getElementById(\"pl\").setAttribute(\"points\", pts.slice(0,-1)); 
+                  var xold = 0;
+                  var yold = 0;
+                  function lerp(y1, y2, mu) { return y1*(1-mu)+y2*mu; }
+                  
                   this.onpointermove = function(event) {
-                    if (this.title == \"Pointer down\") {
+                    if (this.title != \"\") {
                       var x = parseInt(event.clientX - event.target.getBoundingClientRect().x);
                       var y = parseInt(event.clientY - event.target.getBoundingClientRect().y);
                       if (x < 0) { x = 0; } else if (x > 255) { x = 255; }
                       if (y < 0) { y = 0; } else if (y > 31) { y = 31; }
                       var pl_a = document.getElementById(\"pl\").getAttribute(\"points\").split(\" \");
+                      
+                      var minx = Math.min(xold, x);
+                      var maxx = Math.max(xold, x);
+                      for (var i=minx+1; i<maxx; i++) {
+                        pl_a[i] = x+\",\"+parseInt(lerp( yold, y, (i-minx)/(maxx-minx) ));
+                      }
                       pl_a[x] = x+\",\"+y;
                       document.getElementById(\"pl\").setAttribute(\"points\", pl_a.join(\" \"));
                     }
@@ -381,11 +391,11 @@ with gr.Blocks(css=css) as demo:
                     var evt = document.createEvent(\"Event\");
                     evt.initEvent(\"input\", true, false);
                     document.getElementsByTagName(\"textarea\")[1].dispatchEvent(evt);
-                    this.title = \"Pointer up\";
+                    this.title = \"\";
                   }
                   this.onpointerleave = this.onpointerup;
                 }
-                this.title = \"Pointer down\";
+                this.title = xold+\",\"+yold;
               }catch(e){alert(e);}
               '>
                 <defs>