富文本编辑器(MVP)
2.5 观察一下幻灯片中的文本框
我们发现:
一个文本框中有若干行文字
一行文字中每个字符的大小, 样式都可能不一样 (废话)
但是, 上一篇文章中, 我们设置样式, 是以行为对象的...任意一个单独的字符, 都可以用鼠标选中 (废话)
但是, 上一篇文章中, 我们计算文字包围盒, 是以行为整体计算的
一行文字如果过长, 可以自动折行(默认行为, 可以修改)
当我调整文本框的宽度,...折行位置随之改变
文本框的位置和宽高都是可以调整的....:
看一下效果:
2.10 再议textBaseLine
这次行内文字纵向对齐的问题解决了, 可是新的问题来了: 为什么所有的文字整体上移了?...为了解决这个问题, 我暂时想到了一种方法:
我们需要将每一行文字统一向下偏移一个长度offsetY
每一行的offsetY, 取决于行内所有字符fontBoundingBoxAscent的最大值
在渲染行内的每个字符时