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;
}