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



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

  

user avatar   catchen 网友的相关建议: 
      

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

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

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




  

相关话题

  计算机专业的学生如何系统的学习前端技术? 
  如果一瞬间让所有编程语言的0.1 + 0.2 == 0.3,会造成多大影响? 
  如何用通俗易懂的语言解释脚本(script)是什么? 
  web前端是不是没有前景了? 
  JavaScript 是什么? 
  如何评价应届生前端人员月薪要3.3k到13k后,该公司CEO的评价? 
  JavaScript一个疑问,[ ] (空数组)== true ,具体如下,请问这是为何? 
  用Vue开发前端,UI框架用elementui好还是bootstrap好呢? 
  后端开发第一次做项目,该如何实现前端页面?可以拿别人开源项目的页面过来直接用,自己写后端接口吗? 
  为什么一些公司招前端不想要培训班出来的人? 

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





© 2025-03-21 - tinynew.org. All Rights Reserved.
© 2025-03-21 - tinynew.org. 保留所有权利