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