使用javascript在html页面上显示自定义选择区域

display custom selection area on html page using javascript

本文关键字：显示 自定义 选择 区域 javascript html 使用      更新时间：2023-09-26

在html页面上，我可以计算invidual字符的x、y坐标及其在屏幕上的渲染大小吗？

我问这个问题是因为我想知道谷歌文档是如何做到的？如果你在谷歌文档中查看选中的区域，它会在选中的区域上放置一个覆盖。我不知道他们是怎么做的。

谷歌搜索不会返回任何相关信息。也许我没有在寻找正确的东西！

有线索吗？

谢谢，Parth

试试这个。

<style type="text/css">
    @media print
    {
        body * {
                  visibility:hidden;
                }
        #printablecontent { display: block; }
    }
    </style>

我认为谷歌文档所做的就是在屏幕外绘制和测量每个单独的字符。我在最近的一个项目中做过这件事，它相对容易：

  1. 创建跨度
  2. 给它合适的风格
  3. 设置其innerHTML
  4. 将其放在屏幕外
  5. 将其添加到DOM
  6. 检查其偏移宽度
  7. 将其从DOM中删除

有关更多信息，请参阅这篇谷歌博客文章：https://drive.googleblog.com/2010/05/whats-different-about-new-google-docs.html

相关文章：