div内の各アルファベットのx軸とy軸の値を取得

Question

divでは、「美しい」というテキストが表示され、各アルファベットの始まりと終わりの軸（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レイヤー1には背景画像があり、上のレイヤーにはマスクされたpng画像があります。 x座標とy座標を検出するよりもはるかに簡単です。