Javascript 如何将字体与完整块匹配

试图使画布上的文本背景色我试图使用全块，但似乎块总是大于文本

哪种设置应该使此工作正常

您的浏览器不支持画布元素。
功能测试（str）{
var canvas=document.getElementById（“myCanvas”）；
var ctx=canvas.getContext（“2d”）；
ctx.fillStyle=“#FF0000”；
ctx.fillRect（0,0150,75）；
var bg=“”；
对于（i=0；i

我已经用monospace完成了：

  ctx.font = "30px monospace";
  ctx.fillStyle = "#FFAA00";
  ctx.fillText(bg, 10, 150);

  ctx.font = "30px monospace";
  ctx.fillStyle = "#000000";
  ctx.fillText(str, 10, 150)

至少解决了我的问题

可能重复的

  ctx.font = "30px monospace";
  ctx.fillStyle = "#FFAA00";
  ctx.fillText(bg, 10, 150);

  ctx.font = "30px monospace";
  ctx.fillStyle = "#000000";
  ctx.fillText(str, 10, 150)