百科问答小站 logo
百科问答小站 font logo



用 Canvas 实现虚拟列表的难点在哪里? 第1页

  

user avatar   catchen 网友的相关建议: 
      

排版,尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的,没有统一的算法。一些很基本的排版,例如说在显示不超过两行文字的空间里面显示任意长度的文字,这就是个大问题:

  1. 如何知道文字是否超过一行?不同字体不同语言的字符宽度各不相同,中文字符大多数情况下是等宽的,英文和数字就不是了,标点符号宽度要看上下文。
  2. 超过一行的话具体在哪里换行?英文换行只能发生在单词之间,否则要加连字符;中文换行时,一部分标点符号不能出现在下一行行首,另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
  3. 超过两行的话在哪里加省略号?不同语言的省略号占用不同的宽度,省略号前应该是一个完整的英文单词或中文字符,理想情况下中文最好按词截取而不是按字截取。

当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时,你就会想把这些工作扔回给浏览器的布局引擎处理,而不是自己从零写一套。




  

相关话题

  为什么一些公司招前端不想要培训班出来的人? 
  JavaScript 最失败的设计是 arguments 吗? 
  Typescript 如何使一个传入的 Array 类型变为元组类型? 
  Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢? 
  为什么知乎前端圈普遍认为H5游戏和H5展示的JSer(负责前端界面工作的程序员)不属于前端工程师呢? 
  前端嫌我接口分的太多,我该怎么回答? 
  只会nodejs,但公司强制要求上php,是让他们招个phper,还是自己去学? 
  Web 前后端分离的意义大吗? 
  感觉自己学会了JavaScript所有基础知识,为什么老师留一个日历的作业我还是写不出来? 
  react让我怀疑自己没有当程序员的天分怎么破? 

前一个讨论
代码全是调包的,怎么申请专利?
下一个讨论
鱼缸可以做到完全永久不换水吗?





© 2025-06-01 - tinynew.org. All Rights Reserved.
© 2025-06-01 - tinynew.org. 保留所有权利