<br />
<b>Warning</b>:  session_start(): open(/var/lib/php/sessions/sess_lj6314behqhmeo96fav7stg0kc, O_RDWR) failed: No space left on device (28) in <b>/var/www/tb-usercake/models/config.php</b> on line <b>51</b><br />
<br />
<b>Warning</b>:  session_start(): Failed to read session data: files (path: /var/lib/php/sessions) in <b>/var/www/tb-usercake/models/config.php</b> on line <b>51</b><br />
// Original fiddle: http://jsfiddle.net/R4V97/97/
// Stefan's edit: jsfiddle.net/stefanreich/wskby4q5/

var canvas = document.getElementById("scribble"),
    ctx = canvas.getContext("2d"),
    painting = true,
    lastX = 0,
    lastY = 0,
    mouseDown = false,
    fadeInterval = 100,
    fadeSpeed = 0.025,
    strokeStyleDown = "rgba(255,255,255,1)",
    strokeStyleUp = "rgba(255,255,255,0.025)",
    sendStroke = null;

function drawStroke(x1, y1, x2, y2, mouseDown) {
  ctx.strokeStyle = mouseDown ? strokeStyleDown : strokeStyleUp;
  ctx.lineWidth = 3;
  ctx.beginPath();
  ctx.moveTo(x1, y1);
  ctx.lineTo(x2, y2);
  ctx.stroke();
}
  
document.addEventListener('DOMContentLoaded', addMouseListeners, false);

function addMouseListeners() {
  canvas.onmousedown = function (e) {
      lastX = e.pageX - this.offsetLeft;
      lastY = e.pageY - this.offsetTop;
      mouseDown = true;
  };
  
  canvas.onmouseup = function (e) {
      mouseDown = false;
  };
  
  /*canvas.onmousemove =*/ document.onmousemove = function (e) {
    console.log("mousemove");
    if (!painting) return;
    mouseX = e.pageX - this.offsetLeft;
    mouseY = e.pageY - this.offsetTop;
    drawStroke(lastX, lastY, mouseX, mouseY, mouseDown);
    if (sendStroke)
      sendStroke({x1: lastX, y1: lastY, x2: mouseX, y2: mouseY, mouseDown: mouseDown});
    lastX = mouseX;
    lastY = mouseY;
  };
  
  console.log("Registered mouse listeners on " + canvas);
  
  function fadeOut() {
    var r = fadeSpeed * (1 + Math.random()*0.3);
    ctx.fillStyle = "rgba(60,30,50,"+r+")";
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    setTimeout(fadeOut, fadeInterval);
  }
  
  fadeOut();
}