Canvas 中的文字也会受到浏览器最小字号的影响吗?

题叶
  • 17.3k

我们想要拿到文本的具体宽度, 所以通过 measureText 这个 API 来计算, 而且在 demo 当中得到了 3px 的字号所对应的文本宽度. https://www.w3schools.com/tag...

可是到了我们的页面当中, 3px 的字号就没有拿到一样小的数据了, 反而看起来像是收到影响, 计算了 12px 的文字的宽度, 对应浏览最小字号. 这个比较费解了... 难道 Canvas 里的字号某些情况也会受到影响吗?

回复
阅读 2.2k
2 个回答

这里貌似提过一嘴,

我们通过反复测试发现 canvas 的 font 等于 “13px Arial” 字体(别的字体不敢保证)的时候,文字的高度大概是 fontSize 的 1.1 倍。

应该是有限制的,但是貌似和对dom的限制不太一样? 如果需要太小的字体的话,可以对text进行scale操作,多小都可以啦

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏