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

Javascript: Is it possible to set different font sizes for different texts in a 2D canvas?

本文关键字：文本 设置 字体 布中 是否 2D Javascript      更新时间：2023-09-26

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

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

我想说，text1 是"30px Arial"，text2 是"10px Arial"。这可能吗？

是的，这是可能的：

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