我可以在html页面上计算单个字符的x,y坐标及其在屏幕上的渲染大小吗?

我问这个问题是因为我想知道google docs是如何做到的?如果您查看Google文档中的选定区域,则会在选定区域上放置一个叠加层。我不知道他们是怎么做到的。

Google搜索未返回任何相关信息。可能是我没有在寻找正确的东西!

有什么线索吗?

谢谢,
帕斯

最佳答案

我认为Google文档的工作是在屏幕外绘制和测量每个字符。我已经在最近的项目中做到了,这相对容易:


创建跨度
给它合适的样式
设置其innerHTML
将其放在屏幕外
将其添加到DOM
检查其offsetWidth
从DOM中删除


有关更多信息,请参见以下Google博客文章:https://drive.googleblog.com/2010/05/whats-different-about-new-google-docs.html

07-24 17:45
查看更多