获取字体宽高！

Creator 3.x
#1

怎么获取字体宽高？ 汉字“大”和数字“1”宽度肯定是不一样的！恼火！

#2

从引擎源码和CanvasContext2D的api得出有计算文字的方法

let canvas = document.createElement("canvas");
let ctx = canvas.getContext('2d');
ctx.font = `字大小px 字型`;
let size = ctx.measureText(txt);
2赞
#3

大神感谢，有你这个RichText 用来做游戏聊天框完美解决问题了！

#4

刚入坑cocos 看来 HTML还得看！ :sweat_smile:

#5

在原生app上，这些方法适用吗？

#6

webgl的api + 引擎的

#7

不适用。。。

1赞
#8

只能在h5用， 原生你要看看打包出来那些C++代码， 估计也有类似的处理或者chatgpt找找opengl计算文字大小

#9

原生可以这样用你要用的字体生成 0-9 数字 并记录size同理处理大小写字母和汉字

#10

感谢回复。