开发自用阅读软件，调整字体大小后，怎么判断一页渲染多少行，佬友有经验吗

问题描述：

刚开发时感觉没什么难度，直到遇到了页面调整字体大小，导致页面中渲染行数不正确，并且因为每页行数变化，上一页与下一页功能也全寄，不知道佬友们有思路吗。
孩子开发量少不知道如何解决Orz

网友解答：

---

--【壹】--：

是的，还在学习阶段，用ai锻炼不了代码能力Orz等到自己有能力写了再用ai省事

---

--【贰】--：

原来如此，感谢感谢，我去试试

---

--【叁】--：

这两天有一个新的开源项目，似乎很符合你的需求呀。

github.com

GitHub - chenglou/pretext

通过在 GitHub 上创建帐户来为 chenglou/pretext 开发做出贡献。

---

--【肆】--：

原生开发吗

---

--【伍】--：

我嘞个豆，感谢佬友分享，去学习一下

---

--【陆】--：

读小说你可以直接一次渲染一章，然后阅读卡片鼠标滚动观看

---

--【柒】--：

哎，我前端用的vue3 ts，应该如何获取一个字符的宽高呢。我能想到的就是一个字符一个div，获取div的宽高?能直接精确获取文字宽高吗

---

--【捌】--：

有API的，你可以用Canvas的API。百度： TextMetrics

TextMetrics - Web API | MDN

---

--【玖】--：

读小说，txt为主

---

--【拾】--：

忘了说了，前端用的vue3,准备用electron包装起来

---

--【拾壹】--：

是字体的大小 和行数你都计算好了么 现在是增大字体后行数不对

---

--【拾贰】--：

字体：已知
字体大小：已知
间距：已知
页面宽高：已知

搞一个方法，传入一个 “字符” 返回该字符的宽高（记得加缓存），可同步统计前2k-3k字的宽高分析页数，然后异步遍历后续章节的所有字符即可统计出多少页，以及该在哪里分段。

---

--【拾叁】--：

看不到代码 不知道你css咋写的啊 这种一般不都是依赖自动换行的么

---

--【拾肆】--：

这个是要算的，用一定的算法去算的。我之前也想弄一个自己的类似的阅读器，不过一想到这个就头疼，所以也不太想搞了。如果是app你可以参考一下legado 这个项目。

---

--【拾伍】--：

读什么的。小说还是啥都能读

---

--【拾陆】--：

你这是打算纯手写吗

---

--【拾柒】--：

是的，我一开始写的固定行数。然后加入设置字体大小后，行数就不对了，但是我又不知道改字体后该如何判断行数。并且还有段间距行间距，再就是最后一行，应该渲染多少个字后截断，头疼