prevent overshooting of line corners

[lobster] / therapies / therapy_draw.js

diff --git a/therapies/therapy_draw.js b/therapies/therapy_draw.js
index 604c000de3810e01f8d10d41dcdefdfb1b791eda..19542c8e2cca88cb5a91d0f582abec1d2076f5ca 100644 (file)
--- a/therapies/therapy_draw.js
+++ b/therapies/therapy_draw.js
@@ -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