获取div中每个字母的x和y轴值

Question

在 div 中，我现在有文本“Beautiful”，我想读取每个字母表从哪个轴（x 和 y）开始以及在哪里结束。

基本上我想做剪贴蒙版。我尝试了很多方法，例如http://blogs.adobe.com/dreamweaver/2015/07/css-vs-svg-graphical-text.html、http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html 和 PHP GD 库，但没有任何收获，所以现在我正在尝试读取 div 中每个字母的 x 轴和 y 轴，以便我可以从图像中删除像素，将其设置在文本上并可以得到以下结果。

谁能告诉我这意味着我该怎么做？

Answer 1

根据您的示例，使用对文本进行遮罩的 png 图像并用白色填充外部区域，并使用 div 层，第一层具有背景图像，顶部具有蒙面的 png 图像。 这比检测 x 和 y 坐标要容易得多。