左小白的技术日常
Github
2020/07/06
Author: guoqzuo

canvas不支持文本换行怎么处理

今天在stackoveflow里面搜索ctx.fill的问题时,查到了很多关于canvas ctx.fillText()绘制文本时不支持换行的问题,找到了一个比较好的答案

I'm afraid it is a limitation of Canvas' fillText. There is no multi-line support. Whats worse, there's no built-in way to measure line height, only width, making doing it yourself even harder!

一般解决思路是,根据 ctx.measureText('Hello').width 来看需要显示的文字是否需要换行,写一个for循环来处理

参考: