Javascript：是否可以为2D画布中的不同文本设置不同的字体大小？ [英] Javascript: Is it possible to set different font sizes for different texts in a 2D canvas?

问题描述

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

Afaik, you can only set the font for the WHOLE canvas.

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

我想说text1是 30px Arial和text2为 10px Arial。

I would like lets say, text1 to be "30px Arial" and text2 to be "10px Arial". Is this possible?

推荐答案

是的，它可能是这样的：

Yes, its is possible:

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

这篇关于Javascript：是否可以为2D画布中的不同文本设置不同的字体大小？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！