Javascript：是否可以为 2D 画布中的不同文本设置不同的字体大小？

【问题标题】：Javascript: Is it possible to set different font sizes for different texts in a 2D canvas?Javascript：是否可以为 2D 画布中的不同文本设置不同的字体大小？
【发布时间】：2016-04-23 03:04:39
【问题描述】：

Afaik，您只能为整个画布设置字体。

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");  
ctx.font = "30px Arial"

我想说，text1 为“30px Arial”，text2 为“10px Arial”。这可能吗？

【问题讨论】：

标签： javascript canvas

【解决方案1】：

是的，这是可能的：

//first text
ctx.font = "30px Arial";
ctx.fillText("Hello World",10,50);
//second text
ctx.font = "20px Arial";
ctx.fillText("Bell World",50,100);

【讨论】：

在我的画布中，它被前一个覆盖了！
也许你需要重绘文本，因为画布就像一个图像。尝试使用代码示例创建一个小提琴来澄清您的问题。
嘿，谢谢。我正在为多个帧运行循环，这就是发生问题的原因。你的例子确实有效。