top link in client list

[lobster] / therapies / therapy_draw.js

diff --git a/therapies/therapy_draw.js b/therapies/therapy_draw.js
index 8a8e936c6873b443a0d7ba0799b491e7f5d50f7e..19542c8e2cca88cb5a91d0f582abec1d2076f5ca 100644 (file)
--- a/therapies/therapy_draw.js
+++ b/therapies/therapy_draw.js
@@ -1,4 +1,4 @@
-// Copyright 2016 Paul Hänsch
+// Copyright 2016, 2020 Paul Hänsch
 //
 // This file is part of Confetti.
 // 
@@ -18,11 +18,15 @@
 body = document.body
 dbg = document.getElementById("jsdebug")
 canvas = document.getElementById("canvas")
-data=document.getElementById("image_serialize")
+data = document.getElementById("image_serialize")
 
 image = canvas.getContext("2d")
 mouse = 0
 image_serialize=""
+image.lineJoin = "round"
+image.lineCap = "round"
+data.value += " stroke-linejoin round "
+data.value += " stroke-linecap round "
 
 // start and current coordinates of a draw
 // serves for tracking, whether path ends close to its beginning
@@ -77,16 +81,16 @@ function drawstart(x, y) {
   setstroke(document.querySelector('input[name="penwidth"]:checked').value);
   setcol(document.querySelector('input[name="color"]:checked').value);
 
-  image.beginPath()
-  draw(x, y)  // why must this not use relative Coords ???
+  image.beginPath();
+  draw(x, y);  // why must this not use relative Coords ???
 
-  image_serialize = " polyline"
+  image_serialize = " polyline " + stx + "," + sty;
 }
 
 function drawstop() {
  
   // if path ends close to beginning ( < 50 px); then close path and fill
-  if ( false && mouse == 1 && Math.sqrt( Math.pow(stx - cux, 2) + Math.pow(sty - cuy, 2)) <= 50 && c !== "#FFF" ){
+  if ( mouse == 1 && Math.sqrt( Math.pow(stx - cux, 2) + Math.pow(sty - cuy, 2)) <= 50 && c !== "#FFF" ){
     image.lineTo( stx, sty )
     image.stroke()