Firefox では Canvas Path2D API の roundRect が使用できない。
https://caniuse.com/?search=Path2D%20API%3A%20roundRect
そのため、以下のような関数を用意するとよい。

/* 引用 https://stackoverflow.com/questions/1255512/how-to-draw-a-rounded-rectangle-using-html-canvas */

CanvasRenderingContext2D.prototype.roundRect = function (x, y, w, h, r) {
  if (w < 2 * r) r = w / 2;
  if (h < 2 * r) r = h / 2;
  this.beginPath();
  this.moveTo(x+r, y);
  this.arcTo(x+w, y,   x+w, y+h, r);
  this.arcTo(x+w, y+h, x,   y+h, r);
  this.arcTo(x,   y+h, x,   y,   r);
  this.arcTo(x,   y,   x+w, y,   r);
  this.closePath();
  return this;
}