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

Question

Afaik，您只能设置WHOLE画布的字体。

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

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

Answer 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);