Generate canvas fingerprint

by Imri Paloja

HTML

<canvas id="myCanvas" width="1280" height="720"></canvas>

CSS

#myCanvas {
  border: 1px solid #CCCCCC;  
}

JavaScript

function myCanvas() {
  var canvas = document.getElementById("myCanvas");
  var ctx = canvas.getContext("2d");
  var txt = "https://eurobytes.eu";
  ctx.textBaseline = "middle";
  ctx.font = "120px 'Arial'";
  ctx.textBaseline = "alphabetic";
  ctx.fillStyle = "#f60";
  ctx.fillRect(125, 1, 62, 20);
  ctx.fillStyle = "#069";
  ctx.fillText(txt, 20, 150);
  ctx.fillStyle = "rgba(100, 200, 0, 0.7)";
  ctx.fillText(txt, 40, 170);
  return canvas.toDataURL();
}

// Call it when the page loads
window.onload = myCanvas;