A JS function for adding a signature to an HTML canvas element

sign.js

function sign(name, fontSize = 96) {
  // assumes the id of the canvas element is 'canvas'
  const canvas = document.getElementById('canvas')
  const ctx = canvas.getContext('2d');
  ctx.font = `italic ${fontSize}px Snell Roundhand`;
  const signatureWidth = ctx.measureText(name).width;
  const x = canvas.width/2 - signatureWidth/2;
  const y = canvas.height/2 + fontSize/2;
  ctx.fillStyle = ctx.strokeStyle;
  ctx.fillText(name, x, y);
}

sign('Alan B Smith')