Javascript: Ist es möglich, verschiedene Schriftgrößen für verschiedene Texte in einem 2D-Canvas festzulegen?

Question

Afaik, Sie können nur die Schriftart für die ganze Leinwand festlegen.

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

Ich möchte sagen können, text1 "30px Arial" zu sein und text2 "10px Arial" zu sein. Ist das möglich? Yes

Answer 1

, das ist möglich:

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