JS Stroke

by Gustav

HTML

<canvas id="canvas" width=400 height=300></canvas>

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

var x = 0, y = 0;

window.addEventListener("mousemove", function (e) {
	x = e.clientX;
  y = e.clientY;
}, false);

function loop() {
	requestAnimationFrame(loop);
  
  ctx.fillStyle = "white";
  ctx.fillRect(0, 0, 400, 300);
  
  ctx.beginPath();
  
  ctx.moveTo(200, 150);
  ctx.lineTo(x, y);
  
  ctx.stroke();
}

loop();