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

Question

Afaik，你只能设置整个画布的字体。

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