-// Copyright 2016 Paul Hänsch
+// Copyright 2016, 2020 Paul Hänsch
//
// This file is part of Confetti.
//
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
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()