stx=0, sty=0
cux=0, cuy=0
+function setstroke(w) {
+ image.lineWidth = w
+ data.value += " stroke-width " + image.lineWidth
+}
function setcol(c) {
this.c = c
image.strokeStyle = c
image.fillStyle = c
- if ( c == "#FFF" ) image.lineWidth = 32
- else image.lineWidth = 4
- data.value += " stroke " + c + " stroke-width " + image.lineWidth
+ data.value += " stroke " + c + "F"
}
-setcol("$tpy[color]")
-
function relX(x){
if ( body.clientWidth >= 800 ){
return Math.floor(cscaleW * (x - canvas.offsetLeft))
stx=relX(x), sty=relY(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 ???
function drawstop() {
// if path ends close to beginning ( < 50 px); then close path and fill
- if ( mouse == 1 && Math.sqrt( Math.pow(stx - cux, 2) + Math.pow(sty - cuy, 2)) <= 50 && c !== "#FFF" ){
+ if ( false && mouse == 1 && Math.sqrt( Math.pow(stx - cux, 2) + Math.pow(sty - cuy, 2)) <= 50 && c !== "#FFF" ){
image.lineTo( stx, sty )
image.stroke()