Javascript 如何将画布添加为多行字符串中特定文本的粗体？

可能吗？ html:

O/p:99是来自服务的动态数据。 99%应为粗体和突出显示

更多的团队参与了这项活动

---

亚洲锦标赛的竞赛//正常文本

尝试执行以下操作：

//获取画布/上下文
var can=document.getElementById（'my-canvas'）；
var ctx=can.getContext（'2d'）
//绘制第一个文本
变量文本='99%'；
ctx.font='bold 12pt Courier'；
ctx.fillText（文本，50,50）；
//测量文本
var textWidth=ctx.measureText（text）.width；
//画第二个文本
ctx.font='正常12磅快递'；
ctx.fillText（'不可见'，50+textWidth，50）
您必须在每次
ctx.fillText（）之前更改
ctx.font
@PHPglue如何更改特定文本，例如99%，以使我感到困惑？尝试此答案中提供的解决方案另请参阅：
   <canvas>  </canvas>

  var ctx = canvas.getContext('2d');
     ctx.font = "10pt  bold Courier";
       var input ="99%" + "More teams partcipated in the contest of asia tournament"
       ctx.fillText(input, 100, 100);