可以在base64编码图像上找到文本位置

Question

我的问题是要获取图片文字位置

  

可以在图像上获取任何一些文本，例如点击   在x和y坐标中找到此文本上的位置。我不知道怎么做   ，解决此代码。请帮帮我。

Answer 1

您可以使用getComputedStyle()获取元素的样式。

只是一个简单的例子：

＆＃13;

＆＃13;

let btn = document.getElementById('btn');
let txt = document.getElementById('txt');
let style = window.getComputedStyle(txt);
btn.addEventListener('click', () => alert(`Left: ${style.paddingLeft}\nTop: ${style.paddingTop}`));

＆＃13;

li {
  background:
    url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7)
    no-repeat
    left center;
    padding-left: 300px;
    padding-top: 10px;
    list-style: none;
    background-color: skyblue
}

＆＃13;

<li id="txt">hello</li>
<button id="btn">Click</button>

＆＃13;

＆＃13;

＆＃13;

jsfiddle